处理Img标签中src无效时出现的border

2019独角兽企业重金招聘Python工程师标准>>>

问题描述：img标签初始css中设置 border:none 或者 border-width:0 当图片正常加载出来，是不会出现border的一个边框的，现在需要处理的是当src无效或者没有的时候，出现一个边框的情况；效果如图：会这样出现一个边框

解决：当src失效时候应该设置一个默认的背景图片，当src有效的时候自然就会覆盖背景图片；

处理参考http://jsbin.com/OpAyAZa/1/edit?html,output
（最近莫名其妙喜欢萌萌哒的东东，难道是岁数大了，汗！！！！）

解决方案：

<span class="image-container"><img :src="item.customerAvatarUrl" border=0> </span>

css处理

.image-container{width: 32px;height: 32px;border-radius: 50%;overflow: hidden;display: block;float: left;margin-right: 10px;background:url('../assets/images/common/user_default.png') no-repeat;background-size: contain; } img{margin: -1px;width: 105%;height: 105%; }

艾玛，真心受不鸟我自己个了！！！！

想转行呀转行转行，一入前端好几年呀，唉，最近莫名青春啊！！！！！

转载于:https://my.oschina.net/leonaLily/blog/1486949

总结

以上是生活随笔为你收集整理的处理Img标签中src无效时出现的border的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。