繁体   English   中英

如何摆脱火狐图像边框

[英]how to get rid of firefox image border

我最近在网站上添加了图片,该图片被包裹在锚定标记中,如下所示:。

问题在于,此图像有边框,但仅在Firefox中; 镶边中没有显示边框。 我希望边界消失。 我已经在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

那么,我错过了什么?

90年代和00年代。

它来自哪里?

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

为什么只出现在Firefox中?

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

以及如何使它消失?

a img {
    border: none;
}

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

显然,Firefox放大时会在图像上添加边框。 无法想象为什么,但是一旦我缩小边界,它就会消失。 我想问题解决了。 只是希望我能早点找到它-几天来一直困扰着我!

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM