IMG标签上的奇怪边界

HTML:

<html>
<车身>
<标题>
<img class=“logo”/>
&lt/标题>
&lt/车身>
&lt/html>

CSS:

*{
边际:0px;
填充:0px;
边界:无;
}
img.logo{
宽度:126px;
高度:50px;
背景图片:url('images/logo.png');
}

不管怎样,每次我尝试设计这样一个IMG时,都会出现一个奇怪的边框。即使我会放置边界:0px;或边界:无;在img.css徽标中,边框保持不变

当您使用img元素时,如果src属性设置为不存在的内容(或根本不存在src),则会出现默认的“特殊”边框

常见的解决方法是将src设置为blank.gif文件:

<img class=“logo”src=”https://stackoverflow.com/questions/5743083/blank.gif“/>

我必须指出,(在这种情况下)使用<img&gt带有背景图像。只需设置src属性,忘记背景图像

发表评论