在Windows和OS X浏览器中呈现不同的图像

我发现我的html文档中的特定图像在任何Windows浏览器中都以紫色边框呈现，但在OS X浏览器中完美呈现。

代码如下：

<div class="outer-container"> <div class="header-container"> <div class="logo"><a href='/'><img src="images/logo.png" alt="" /></a></div> </div> </div>

CSS

 .outer-container{ width:900px; margin:0 auto; } .header-container{ display:block; float:left; width:900px; height:110px; } .logo{ display:block; float:left; padding-top:12px; }

任何想法，为什么Windows可能会使用边界呈现它，而OS X完美吗？

谢谢！

 img { border: 0 }

在你的CSS将修复它。

您所看到的是Internet Explorer中的默认边框，用于链接中具有先前已visited的href属性的图像。

这首先发生的原因是Internet Explorer在其用户代理样式表中大概有这样的东西：

 a:visited img { border: 2px solid purple }

当大多数浏览器包含在链接中时，大多数浏览器会在图像周围绘制蓝色或紫色边框。颜色与文字链接相同; 蓝访问，紫访问。

您可以通过使用以下CSS删除边框：

 a img { border: none; }