IE8下显示图片时多出一个边框而Chrome或Firefox下却没有
出现兼容性问题的代码很简单: 复制代码代码如下: div a href='https://www.6hehe.com/dnjc/index.html'img src='https://www.6hehe.com/dnjc/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; } 同时兼容其它版本的浏览器。
相关文章: