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

那些大方舍得为你花钱的人,并不是多么富有,谁的钱都不是大风刮来的,而是他觉得你们的关系比钱重要,因为重要才舍得。透过云端的道路,只亲吻攀登者的足迹。
出现兼容性问题的代码很简单:
复制代码
代码如下:

<div id="logo">
<a rel="nofollow noopener noreferrer" 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;
}

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

到此这篇关于IE8下显示图片时多出一个边框而Chrome或Firefox下却没有就介绍到这了。生命之舟面对险滩,面对激流,弱者会选择逃避和放弃,而强者则会选择面对和挑战。人生中无限的乐趣都在于对人生的挑战之中迸出不衰的光芒。更多相关IE8下显示图片时多出一个边框而Chrome或Firefox下却没有内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

标签: 却没有 多出