首页 > 代码库 > 浏览器兼容

浏览器兼容

关于浏览器兼容问题:

一:margin加倍显示的问题。

最常见的兼容问题是在块元素添加float属性,再添加横向margin时,margin会加倍显示,这时需要给元素添加属性,display:inline;,将块元素转化为行内元素。

说白了,为了提高网页的兼容性:一般都是float+margin:left/right+dispaly:inline;

二:img边框问题

img标签在部分浏览器中会有间距的问题,我们只需要给img元素添加float属性即可消除间距。不提倡使用margin的负数来调整间距或者其他问题,margin的负数形式本来就容易引起浏览器兼容问题。

三:通配符消除浏览器默认的补丁。

在部分浏览器中有默认的margin和padding的值,我们需要在样式中添加*{

margin :0;padding:0;}

四:在IE6,7 和遨游中元素的高度通常不受控制,我们只需要给元素添加属性:overflow:hidden;或者设置line-height值小于height的值。

五:利用浏览器的不同识别度来设置CSS的兼容:

比如以下代码:

height:300px;*height:200px;_height:100px;

普通浏览器只能识别height:300px;所以元素在普通浏览器中显示为300px;

IE7和遨游浏览器能识别到*height:200px;不再继续往下读取,所以元素显示为200px;

IE6能识别*,_,所以能读取到height为100px;

浏览器兼容