Internet Explorer显示带有彩色边框的图像链接

Question

我有以下用于链接的CSS代码：

a {
    text-decoration: none;
    color: #248AC9;
}

a:hover {
    color: #8DCFF7;
}

问题是在Internet Explorer浏览器中，图片有一个与“color”颜色相同的奇怪边框。我该如何修复这个问题，以便正确显示图片。HTML代码很简单：

<a href="calculator-operators.htm"><img src="img/link.png" /></a>

那么，我该如何解决这个问题？

- Tibi

---

可能是如何在IE中关闭图像边框的重复问题。 - Amos M. Carpenter

Answer 1

只需为图像指定无边框：

a > img{
    border: 0;
}

- Klaus Byskov Pedersen

---

这解决了问题...谢谢 :) 我更喜欢这个解决方案，因为它不会干扰其他（非链接）图像样式。 - Tibi

请注意，在使用零值时，无需指定单位类型。例如，0;就足够了。 - devdigital

这个问题如此普遍，为什么没有更高的投票率呢？！ - Don Cheadle

Answer 2

使用

img {
   border: 0;
}

我建议使用重置样式表或标准化样式表，以确保浏览器的样式一致性。这个修复方案是这些样式表中的一部分。

- devdigital

Answer 3

我看到这是一篇旧文章，但是我认为，为什么不呢。可以通过使用border:none;来找到另一个解决方案：

a img {
   border:none; 
}

- Carl0s1z

Answer 4

将所有图像的边框设置为0像素

   img { border: 0px }

- Melvin

Answer 5

尝试一下

a { 
    text-decoration: none; 
    border:0;
    color: #248AC9; 
} 

- ParPar

---

这不起作用。用白色涂漆也不是解决办法...背景是非常浅的灰色，不是白色。 - Tibi