css 技巧：利用 after 伪对象和 background 属性实现 img 图片标签占位图 | 极简前端

[coder-linx]

https://blog.jijian.link/2020-04-15/css-img-after-placeholder/

如图：图片加载失败了，在浏览器会默认显示一张破图。受各种网速、浏览器等因素影响，我们无法保证图片能够完全加载成功。加载失败时如何更友好的显示是前端要考虑的主要因素。常见做法都是使用一张默认图代替加载失败的图片，比如一个 logo 、一张主题图片等。