IE8下显示图片时多出一个边框而Chrome或Firefox下却没有

前端技术 2023/09/03 CSS
出现兼容性问题的代码很简单：

复制代码
代码如下:

<div id=\"logo\">
<a href=\"index.html\"><img src=\"images/logo.png\"/></a>
</div>


其中logo的样式定义：

复制代码
代码如下:

#logo {
margin-left:108px;
margin-top:3px;
display:inline-block;
float:left;
}


显示效果就是Chrome、FireFox、IE10以上都没有问题，但是IE8就多出了一个蓝色边框（有时为黑色的）。

解决时只需要指定img的边框样式即可，如下：

复制代码
代码如下:

img{
border-style:none;
}


同时兼容其它版本的浏览器。

本文地址：https://www.stayed.cn/item/8646

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案