0

我最近在我的网站上添加了一张图片，该图片被包裹在一个锚标记中，如下所示： .

问题是，这张图片有边框，但只在 Firefox 中；chrome 中没有显示边框。我希望边界消失。我在 css 中为 a 和 img 标签设置了以下内容：

text-decoration:none;
border-style:none;
border:none;
outline:none;
box-shadow: 0;
-moz-box-shadow:0;
background:none;
color:white;

图像是白色背景上的一个灰色小图标，我在 gimp 中仔细检查过，图像周围肯定没有边框。那么，我错过了什么？它来自哪里？为什么它只出现在Firefox中？我如何让它消失？

火狐版本是 17.0.1

4

2 回答 2

3

那么，我错过了什么？

90 年代和 00 年代。

它来自哪里？

它来自浏览器的默认样式表。

为什么它只出现在Firefox中？

浏览器似乎对是否在链接图像周围显示边框制定了自己的规则。

我如何让它消失？

a img {
    border: none;
}
于 2013-01-28T16:05:11.213 回答
1

令人难以置信的是，我找到了答案——原来我放大了，我没有注意到，因为它只是放大了一个。直到我将页面的全部内容粘贴到 jsfiddle 中，我才注意到大小略有不同。

显然，当 Firefox 放大时，它会为图像添加边框。无法想象为什么，但一旦我缩小边界就消失了。问题解决了，我猜。真希望我能早点找到这个 - 它已经困扰我好几天了！

于 2013-01-28T17:17:09.137 回答