如何摆脱firefox图像边框

时间:2013-01-28 16:04:31

标签: html css image firefox

我最近在我的网站上添加了一个图片,其中图片包含在锚标记中,如下所示:。

问题是,这个图像有边框,但只在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中?我怎么让它消失?

Firefox版本为17.0.1

2 个答案:

答案 0 :(得分:3)

那么,我错过了什么?

90年代和00年代。

它来自哪里?

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

为什么它只出现在Firefox中?

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

如何让它消失?

a img {
    border: none;
}

答案 1 :(得分:1)

令人难以置信的是,我找到了答案 - 结果是我放大了,我没注意到因为它只是一个。直到我去jsfiddle粘贴了我的页面的全部内容,我才发现它们的大小略有不同。

显然,当firefox放大时会为图像添加边框。无法想象为什么,但一旦我缩小了边界就消失了。问题解决了,我想。只是希望我早点发现这一点 - 这已经困扰了我好几天了!