IE8下显示信息照片时多出1个边框而Chrome或Firefo

日期:2020-10-21 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板

出現适配性难题的编码很简易:

拷贝编码
编码以下:

<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就多出了1个蓝色边框(有时为黑色的)。

处理时只必须特定img的边框款式便可,以下:

拷贝编码
编码以下:

img{
border-style:none;
}

另外适配其它版本号的访问器。