img src为空时 360浏览器边框问题 及其他浏览器问题解决方案

部分摘自原文链接:
https://www.zhihu.com/question/27426689
https://segmentfault.com/a/1190000005958514
代码来了:

以上代码 360浏览器下效果，会有边框。谷歌浏览器下img带alt属性时无边框，不带alt属性同样有边框。

image.png

经测试假如图片带有border-radius ,可以添加 overflow:hidden; 去除
测试 360浏览器会有切边边框问题。Chrome正常 ，360效果如下

image.png

推荐这种方式解决 给img加onerror属性

或者

onerror=null是当图片加载失败的时候，我们可以利用onerror事件赋予它默认图片，但是问题来了，假如默认图片又不存在呢，即加载失败，这个时候就会陷入死循环。
为了避免死循环的情况，我们可以在执行完onerror事件后，置于onerror=null 来清除onerror事件