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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。