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

ttx9n · 发表于 2014-5-13 10:56:19

这篇文章主要介绍了关于IE8下显示图片时比Chrome或Firefox多出一个边框的解决办法，需要的朋友可以参考下出现兼容性问题的代码很简单：

复制代码代码如下:
<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;
}

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

z835648964 · 发表于 2022-10-6 15:12:14

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

jasonlong · 发表于 2022-11-18 23:55:42

好东西一定要看看！

回复用户5 · 发表于 2022-12-13 02:45:36

dfdsafdsfdsfdsf

sykzus · 发表于 2023-1-29 18:42:53

这个源码不错啊

q42obh · 发表于 2023-3-27 12:52:39

谢谢楼主分享

xf9hlg1 · 发表于 2023-7-9 06:00:35

天天源码社区www.tiantianym.com

cxst1h57 · 发表于 2024-3-28 22:08:03

儿飞飞微风DVD谁vdsvd

zzhxxx · 发表于 2024-4-26 10:44:07

了乐趣了去了去了去了去了

.l4 · 发表于 2024-5-30 21:22:00

谢谢您的分享！

账号		自动登录	找回密码
密码			立即注册

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

相关帖子