IE6 兼容问题集锦

        1      给一个元素设定了浮动属性，最好给他设定宽高的值，否则有可能发生浮动错位。

• 2

  ie6块级元素高度小于19px的时候需要写font-size=1px等解决，ie6不支持块级元素高度太小，会默认调大。

• 3

  ie6块级元素里边很多a链接 ，如果出现莫名其妙的多了几个文字，而且文字还选不中，只要给a链接加相对定位一般就解决了

• 4

  有的img这个标签在ie下需要应用display=block；这个属性

• 5

  轮播图ie6  里边a里边img的的宽度的和和总宽度相同，ie会把最后一张图放到第二行，

  解决办法把总宽度设大一点；

• 6

  双左边剧：用padding或者相对定位解决或者display：inline解决

• 7

  ie6内部盒模型超出父级时，父级被撑大 

  解决方法：父标签使用overflow:hidden 

  或者父级相对定位，子级绝对定位

• 8

  ie6li之间会有间距 

  解决方法：float: left;

• 9

  ie6img于块元素中，底边多出空白 

  解决方法：父级设置overflow: hidden; 或 img { display: block; } 或 _margin: -5px; 

• 10

  在IE6中，一些隐藏的元素（如注释、display:none;的元素）被包含在一个浮动元素里，就有可能引发文本重复bug。解决办法：给浮动元素添加display:inline;。

• 11

  IE下z-index的bug 

  在IE浏览器中，定位元素的z-index层级是相对于各自的父级容器，所以会导致z-index出现错误的表现。解决方法是给其父级元素定义  父级还得有定位属性z-index，有些情况下还需要定义