Internet Explorer使用彩色边框显示图像链接

Question

我有以下链接的CSS代码：

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

a:hover {
    color: #8DCFF7;
}

问题是，在Internet Explorer中，图像具有奇怪的边框，颜色与“颜色”相同。我该如何解决这个问题，并正确地绘制图像。 HTML代码很简单： <a href="calculator-operators.htm"><img src="img/link.png" /></a>

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

Answer 1

只为图片指定无边框：

a > img{
    border: 0;
}

Answer 2

使用

img {
   border: 0;
}

我会考虑使用reset样式表或normalising样式表来提供所有浏览器样式的一致性。此修复程序是这些样式表的一部分。

Answer 3

这是我看到的一个旧帖子，但我想，为什么不呢。使用border:none;：

还有另一种解决方案

a img {
   border:none; 
}

Answer 4

只需将所有图像的边框设置为0 px

   img { border: 0px }

Answer 5

尝试

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