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

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

a:hover { 
    color: #8DCFF7; 
}

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

Screenshot: 那么，如何才能解决这个问题呢？

2012-02-12 Tibi

的可能的复制[如何关闭在IE图像边界（http://stackoverflow.com/questions/2958688/how-switch-off-image-border- in-ie） – 2016-02-19 02:49:38

只要指定无边框的图像：

a > img{ 
    border: 0; 
}

2012-02-12 13:48:51

这解决了问题......谢谢:)我更喜欢这个解决方案，因为它不会干扰其他（非链接）img样式。 – Tibi 2012-02-12 13:50:54

请注意，使用零值时不需要指定单位类型。即0;就足够了。 – devdigital 2012-02-12 14:00:30

@devdigital好点。正式指出。 – 2012-02-12 14:01:25

刚刚从所有的图像设置边框为0 PX

img { border: 0px }

2012-02-12 13:49:33 Melvin

使用

img { 
    border: 0; 
}

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

2012-02-12 13:50:06 devdigital

+1重置样式表...这是一个好主意。 – Tibi 2012-02-12 13:57:46

-2

尝试

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

2012-02-12 13:51:36 ParPar

这不起作用。用白色绘画不是一个解决方案...背景是一个非常浅灰色，而不是白色。 – Tibi 2012-02-12 13:53:39

一个老后我明白了，但我想，为什么不。存在其它的解决方案，通过使用border:none;：

a img { 
    border:none; 
}

2013-06-14 07:23:02

回答