1.IE浮动 margin 产生的双倍距离
#box {
float:left;
width:100px;
margin:0 0 0 100px; //这种情况之下IE会产生200px的距离
display:inline; //使浮动忽略
}
2.display:inline-block;IE6,7下不兼容
用float:left
3.position:fixed;IE6不支持
IE6下用position和JS模拟,或者完全不用,用position和JS模拟
4.cursor:hand;IE下正常FF不识别
用cursor:pointer解决
5.透明度
IE下使用filter:alpha(opacity=50)滤镜,其他浏览器用opacity:0.5;
至于JS的兼容性巨多,像比较常用的:
FF:addEventLister, IE:attachEvent(事件绑定)
getComputedStyle, currentStyle(样式)
#box {
float:left;
width:100px;
margin:0 0 0 100px; //这种情况之下IE会产生200px的距离
display:inline; //使浮动忽略
}
2.display:inline-block;IE6,7下不兼容
用float:left
3.position:fixed;IE6不支持
IE6下用position和JS模拟,或者完全不用,用position和JS模拟
4.cursor:hand;IE下正常FF不识别
用cursor:pointer解决
5.透明度
IE下使用filter:alpha(opacity=50)滤镜,其他浏览器用opacity:0.5;
至于JS的兼容性巨多,像比较常用的:
FF:addEventLister, IE:attachEvent(事件绑定)
getComputedStyle, currentStyle(样式)