img標籤設置背景圖片，始終有一個像素的border怎麼破？

img標籤加背景圖片始終有border？

用img標籤來設置背景圖片，不管你怎麼給border加樣式都會發現一條擺脫不掉的邊框，這是瀏覽器爲了識別img標籤自帶的一個相似於「佔位符」的標記，就是爲了告訴這裏有張圖片。沒啥做用。怎麼消除這條邊框呢？

取消背景圖片後border還在

解決辦法

你換個標籤唄，不就是顯示一張背景圖麼？幹嗎非要用img標籤？

加一句css，使他沒有src的時候透明度爲0就能夠了。

img[src=""]{
    opacity: 0;
 }
複製代碼

在img裏面加一個onerror的圖片，來替換不顯示的狀況，這個圖片能夠跟背景色同樣？或者別的隨你，主要是爲了掩飾這個border。

博主遇到過這個問題，果斷選擇了換標籤哈哈，可是網上搜索的時候，發現並無什麼文章對這個問題進行總結，因此我總結一下，但願能夠幫到踩到坑的童鞋~