我最近在我的网站上添加了一个图片,其中图片包含在锚标记中,如下所示:。
问题是,这个图像有边框,但只在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
答案 0 :(得分:3)
那么,我错过了什么?
90年代和00年代。
它来自哪里?
它来自浏览器的默认样式表。
为什么它只出现在Firefox中?
浏览器似乎就是否在链接图像周围显示边框来制定自己的规则。
如何让它消失?
a img {
border: none;
}
答案 1 :(得分:1)
令人难以置信的是,我找到了答案 - 结果是我放大了,我没注意到因为它只是一个。直到我去jsfiddle粘贴了我的页面的全部内容,我才发现它们的大小略有不同。
显然,当firefox放大时会为图像添加边框。无法想象为什么,但一旦我缩小了边界就消失了。问题解决了,我想。只是希望我早点发现这一点 - 这已经困扰了我好几天了!