博主也是个纠结的人，有没有更好的解决方案呢？下面介绍一个css黑魔法，用伪元素对图片加载失败做处理。

css知识扎实的人肯定会有个疑问，img是可替换元素（科普：http://www.cnblogs.com/wkylin/archive/2011/05/12/2044328.html），是不能应用伪元素的啊？！

哈哈哈，我们在chrome下测试看下：

有的！！！那我们后面可做的事情就思路了啊，哈哈哈

正常的图片：

容错后的：

至于为什么图片加载失败后，会可以使用伪元素，我的理解大概是这样的。当加载成功的时候img是没有任何子节点的，befor和after是在元素的内容前后插入内容。但当图片加载失败之后，是不是把替代文本作为字内容了呢?后面我会用一个伪元素标签是试验？你们猜到是哪个了么？

在ios的Safari和uc上不能实现，so 这个方案还是要考虑下的

额，不对，跑题了，我们今天是介绍这个伪元素的黑魔法的，哈哈哈~