简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:2111 次  日期:2014-08-14 17:11:10

温馨提示:易贤网小编为您整理了“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;

}

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

更多信息请查看IT技术专栏

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:css中的content: “.” 有什么用?为什么要用他?
下一篇:CSS clear属性给float带来哪些影响
易贤网手机网站地址:IE8下显示图片时多出一个边框而Chrome或Firefox下却没有
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!