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

[快乐风男�]

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;
}

[jio可]

alt属性不就可以？

[尚稻山]

是网络问题没加载出来还是本身图片是假图片？

[GillianJiao]

alt="" 直接添加，如果是原本的图片没有加载出来，需要一个自定义的图片替换上去吗？

[快乐风男�]

引用 2 楼 瑟瑟发抖的小人物 的回复:

是网络问题没加载出来还是本身图片是假图片？

假图片

[尚稻山]

引用 4 楼 快乐风男� 的回复:

引用 2 楼 瑟瑟发抖的小人物 的回复:

是网络问题没加载出来还是本身图片是假图片？

假图片

检测是否为假图片，是的话就动态改变图片路径，贴一个提示图片上去

[尚稻山]

引用 4 楼 快乐风男� 的回复:

引用 2 楼 瑟瑟发抖的小人物 的回复:

是网络问题没加载出来还是本身图片是假图片？

假图片

或者在图片上传的时候检测是否为假图片，如果是的话主动删除，提示用户检查图片并重新上传，就可以省去这个假图片加载不出来需要提示这个步骤了，同时还可以对数据库友好一点