通过CSS添加图像会在图像周围添加额外的边框

时间:2015-03-31 11:48:14

标签: html css

我之前在html中为我的网站添加了徽标:

看起来很棒。但现在我想要不同的css文件来加载不同的徽标。enter image description here

.companylogo {
background-image: url("/Images/Logo.png");
width: 166px;
height: 14px;
border: none;
}

但是当我这样做时,我会在图像周围找到一个小边框。 enter image description here 我如何让那个小寄宿生消失?

这可能不是最好的jsfiddle https://jsfiddle.net/bewsbews/z9kf21fp/,但你可以看到两个第一个图像周围有一个小边框,它们都是用css制作的,并且在html中制作了大的burgerking徽标。 #39;周围有边框。

3 个答案:

答案 0 :(得分:0)

现场演示会更好,我觉得你的CSS中的某个地方就是问题,上面的代码似乎没问题。

答案 1 :(得分:0)

把它放在css文件的顶部

img, a {border:0, outline: none;}

答案 2 :(得分:-1)

好的,所以当我不使用图片标签的src属性时,使用img标签是非常必要的。所以我把它改成了div,解决了这个问题。显然,不需要有img-tag的背景图像。