1、IE6双外边距
在IE6下,如果对元素设置了浮动,同时又设置了margin-left或者margin-right,margin值会加倍。
例如,设置margin-left:10px在IE6下会显示为margin-left:20px。
解决这个Bug的办法就是设置display:inline。
2、有时候border会断开,刷新页面或者滚动滚动条的时候,断掉的部分又会连接起来
这与IE下的一个神秘的属性相关——hasLayout。hasLayout是IE浏览器专有的一个属性,用于CSS的解析引擎。有时候在IE下一些复杂的CSS设置解析起来会出现Bug,其原因可能与hasLayout没有被自动触发有关,我们通过一些技巧,手动触发hasLayout属性可以解决Bug了。
解决:使用“zoom:1”,在使用DHTML的时候,如果还无效,还要加上“position:relative”。
3、用iframe解决IE 6 下select与浮起元素的显示Bug
<style type="text/css">
#test{width:200px;height:200px;background:green;position:absolute;left:50px;top:10px;z-index:;}
#testMask{width:200px;height:200px;position:absolute;left:50px;top:10px;z-index:;}
</style> <select><option>-请选择-</option></select>
<div id="test"></div>
<iframe id="testMask" frameborder="" scrolling="no"></iframe>