IE6部分BUG小结

1.display:block;下的任何元素默认继承父级的宽高属性。

2.float浮动层,margin将出现对其方向的双倍间距,一般的解决方法是display:inline。

3.postion:absolute层的深度混乱问题,需要设置相对定位posttion:relative层的深度。

4.浮动层遮盖<select></select>的问题,需要在浮动层进行设置<iframe style="position: absolute; width: 100%; height:
100%; z-index:-1;"></iframe>,
其他方案:使用JS插件bgiframe下载地址:http://github.com/brandonaaron/bgiframe

5.IE6下避免采用百分比%来定义宽高等尺寸,包括奇数宽高的BUG,尽量采用偶数尺寸来定义宽高。

6.内容过长的display:none层引发的大面积占位空白BUG,需要定义层display:none层“postion:absolute”。

7.相对定位的父级层定义padding后,绝对定位子元素出现BUG。
本博客所有文章如无特别注明均为原创。作者:sysdee复制或转载请以超链接形式注明转自 成功志
原文地址《IE6部分BUG小结
分享到:更多

相关推荐

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

网友评论(0)