这是如何做到图片加载失败,提示信息覆盖的,有图片就不覆盖

快乐风男� 2020-09-11 10:43:29
img {
height: 50px;
width: 500px;
position: relative;
display: block;
}

img::before {
content: "";
height: 60px;
width: 500px;
background-color: rgb(230, 230, 230);
position: absolute;
display: block;
left: 0;
}

img::after {
content: "图片加载失败";
display: block;
color: rgb(100,100,100);
position: absolute;
left: 0;
width: 500px;
}
...全文
1849 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
尚稻山 2020-09-12
  • 打赏
  • 举报
回复
引用 4 楼 快乐风男� 的回复:
引用 2 楼 瑟瑟发抖的小人物 的回复:
是网络问题没加载出来还是本身图片是假图片?
假图片
或者在图片上传的时候检测是否为假图片,如果是的话主动删除,提示用户检查图片并重新上传,就可以省去这个假图片加载不出来需要提示这个步骤了,同时还可以对数据库友好一点
尚稻山 2020-09-12
  • 打赏
  • 举报
回复
引用 4 楼 快乐风男� 的回复:
引用 2 楼 瑟瑟发抖的小人物 的回复:
是网络问题没加载出来还是本身图片是假图片?
假图片
检测是否为假图片,是的话就动态改变图片路径,贴一个提示图片上去
快乐风男� 2020-09-12
  • 打赏
  • 举报
回复
引用 2 楼 瑟瑟发抖的小人物 的回复:
是网络问题没加载出来还是本身图片是假图片?
假图片
GillianJiao 2020-09-12
  • 打赏
  • 举报
回复
alt="" 直接添加,如果是原本的图片没有加载出来,需要一个自定义的图片替换上去吗?
尚稻山 2020-09-11
  • 打赏
  • 举报
回复
是网络问题没加载出来还是本身图片是假图片?
jio可 2020-09-11
  • 打赏
  • 举报
回复
alt属性不就可以?

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧