html - 如何在IE7中删除带有图像的<a>标签中的下划线

标签 html css

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

我正在应用样式作为

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

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

最佳答案

简单修复:

删除下划线。

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

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


在你的问题中,图像周围,它是边框吗?如果是这样,使用这个:

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

关于html - 如何在IE7中删除带有图像的<a>标签中的下划线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13789578/

相关文章:

javascript - 如何在单击时隐藏和显示面板?

javascript - 大崩OrgChart库样式节点

html - 表格之间的边距折叠

html - 使网站在所有设备和屏幕尺寸上可用并保持一致的最佳实践是什么?

html - 窗口大小调整导致文本溢出 Bootstrap 按钮边界或按钮溢出 div 区域

html - 将鼠标悬停在文本上适用于一张图片,但不适用于另一张图片。提供了我的 CodePen

html - <br/> 标记后不显示边距

php - 如何使用 mongodb 和 php 上传用户特定的图像

jquery - 混合 CodeIgniter、HTML、JQuery 和 MySQL

html - 将字体大小添加到 HTML 会覆盖我所有的字体大小