ie6兼容问题记录_html/css_WEB-ITnose
程序员文章站
2022-03-27 11:28:09
...
1.代码中,em换行写会造成一个空白。去掉em标签之间的空格,不换行。
2.利用margin设负值解决ie6下模块被顶换行的bug。
3.清除浮动的方法:父元素加overflow:hidden。
4.ie6中并列的几个块级元素如div和span,一些没有设置浮动一些设置右浮动,一行的宽度足够放下所有的块级元素,但此时ie6则显示右浮动的其中一块换行了
*可将两部分代码位置交换
缺点:破坏语义
*绝对定位。
优点:不破坏语义。
缺点:代码量加大。
*给他们都添加浮动。
优点:同上。
缺点:会引起其他bug等。
*添加hack。_margin-top:XXXXpx;
优点:同上。
缺点:使用了hack。
5.ie6中li的子元素有display:block样式的时候会造成li之间留白,给li添加_display:inline。
2.利用margin设负值解决ie6下模块被顶换行的bug。
3.清除浮动的方法:父元素加overflow:hidden。
4.ie6中并列的几个块级元素如div和span,一些没有设置浮动一些设置右浮动,一行的宽度足够放下所有的块级元素,但此时ie6则显示右浮动的其中一块换行了
*可将两部分代码位置交换
缺点:破坏语义
*绝对定位。
优点:不破坏语义。
缺点:代码量加大。
*给他们都添加浮动。
优点:同上。
缺点:会引起其他bug等。
*添加hack。_margin-top:XXXXpx;
优点:同上。
缺点:使用了hack。
5.ie6中li的子元素有display:block样式的时候会造成li之间留白,给li添加_display:inline。
6.a中包含行内元素时空白部分点击无效,解决办法:给a加上背景色。
推荐阅读
-
IE6兼容inline-block的方法_html/css_WEB-ITnose
-
Css样式兼容IE6,IE7,FIREFOX的写法_html/css_WEB-ITnose
-
图片中英文导航在IE6里面都链接不过去_html/css_WEB-ITnose
-
a标签点击跳转失效IE6、7的奇葩bug_html/css_WEB-ITnose
-
reset清零css记录_html/css_WEB-ITnose
-
IE6右浮动与margin-right无效(100分悬赏)_html/css_WEB-ITnose
-
收集IE6.0与其它浏览器,样式兼容问题_html/css_WEB-ITnose
-
[转]CSS浏览器兼容问题总结_html/css_WEB-ITnose
-
360浏览器兼容问题_html/css_WEB-ITnose
-
记录几个设计参考模板_html/css_WEB-ITnose