<img> 标签在 <a> 标签内部会出现蓝色边框。

37
<a href="index.html"><img src="image.png"/></a>

IE8会用蓝色边框突出显示图片。我不确定哪些CSS是相关的,只需要border吗?我可不可以使用一个CSS样式将其关闭,例如:

IE8会给图片加上蓝色边框,想要去掉这个边框,需要设置CSS样式。你可以尝试使用下面的代码:

```css img { border: none; } ```
a img {
  ...
}

8
这是我听过的最好的答案,而且它还是由你自己给出的 :D - Trip
5个回答

68
使用此CSS样式:
a img {
 border:none;
}

如果将边框应用于a标签,则此操作无效。 - jjxtra

12

可以的:

a img { border: 0; }

您可以使用0表示0像素的宽度,或者使用none来表示整个边框无边框,它们在跨浏览器时都有效。


6
a img{
    border-width: 0;
}

请参阅https://developer.mozilla.org/en/CSS/border以获取更多相关信息。

我建议您在其他浏览器中测试您的网站。在这种情况下,您会注意到这不是IE8的问题。


1

你尝试过将图像边框设置为0吗?


0
您也可以使用这个。
<img height="20px" border="0" src="image.png" />

然而,Sarfaraz上面的回答是更好的方法。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接