如何删除<a> tag which having an image in IE7</a>中的下划线

Question

<a id="link" href="#">
     <img id="image1" src="image1.jpg">
</a

我将样式应用为

#link
{
text-decoration:none !important;
}

我在IE7中围绕图像加下划线。请帮我删除下划线。

Answer 1

简单修复：

删除下划线。

a, a img {text-decoration: none;}

通常，IE 7会添加一个继承自a标记的下划线。因此，重置它将解决问题。

---

在您的问题中，图片，边框也是如此？如果是这样，请使用：

a, a img {text-decoration: none; border: 0;}

Answer 2

将text-decoration的{​​{1}}属性设置为img。

none

示例：http://jsfiddle.net/5SUaa/3/

Answer 3

a#link {text-decoration:none;}应该可以解决问题。

Answer 4

试试这个

a，img {text-decoration：none！important; border：0;}