Html 在Windows和OS X浏览器中以不同方式渲染图像

我发现我的html文档中的特定图像在任何Windows浏览器中都以紫色边框呈现，但在OSX浏览器中呈现效果非常完美

代码如下：

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

你知道为什么Windows会用边框来渲染它，而OSX却能做到完美吗

谢谢

img {
    border: 0
}

在你的CSS中，它会被修复

您看到的是Internet Explorer中链接中图像的默认边框，该链接具有以前使用过的

href

属性

发生这种情况的原因首先是，Internet Explorer的用户代理样式表中可能有类似的内容：

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

---

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

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

a img {
    border: none;
}

---

你能显示一个实时链接或屏幕截图吗？后者最好，谢谢！工作得很有魅力！

a img {
    border: none;
}