标题 | 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; } 同时兼容其它版本的浏览器。 |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。