css - 删除 img 边框

Question

我对 img 边框有疑问。我对我的所有图像都使用了以下代码，但边框并没有消失。谁能告诉我去除 img 边框的正确方法？

   <div class="mosaic-overlay">
   <img class="cover1"></div>

   .cover1  {width:300px;height:185px;
            float:left;background: url('/img/cover.jpg') 0px 0px; 
            border:0;}

非常感谢。

埃里克

Answer 1

当 img 元素没有 src 属性，或者 src 属性指向时，它是某些浏览器中出现的默认“特殊”边框到不存在的图像。

例如，在 IE9 中看这个:http://jsfiddle.net/SdbNE/

一个常见的解决方法是将 src 设置为 blank.gif file :

<img class="cover1" src="blank.gif" />

或者，只使用 div 代替？

<div class="cover1"></div>