>  기사  >  웹 프론트엔드  >  ie6兼容问题记录_html/css_WEB-ITnose

ie6兼容问题记录_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:52:351136검색

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。

6.a中包含行内元素时空白部分点击无效,解决办法:给a加上背景色。

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.