IE6 Bug

1. overflow:hidden失效

当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。

CSS代码

1. #parent{height:50px;overflow:hidden;}
2. #child a{position:relative;}

HTML代码

1. <div id="parent">
2.   <div id="child">
3.     <a href="http://www.goodje.com/">杰杰</a><br />
4.     <a href="http://www.goodje.com/">杰杰</a><br />
5.     <a href="http://www.goodje.com/">杰杰</a><br />
6.     <a href="http://www.goodje.com/">杰杰</a><br />
7.     <a href="http://www.goodje.com/">杰杰</a><br />
8.     <a href="http://www.goodje.com/">杰杰</a><br />
9.   </div>
10. </div>

在IE 6内子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden。

解决这个bug很简单，在父元素中使用position:relative;即可解决该bug

2. z-index

1. z-index 仅能在定位元素上奏效（position 属性值为 relative 或 absolute 或 fixed的对象）。
2. 而在IE6下的层级的表现有时候不是看子元素的 z-index 多高，而要看它们的父元素的 z-index 谁高谁低。
   

3.  .style>div、input[type="text"]等选择器失效

4. json数据最后一项不要加逗号，ie6，ie7报错

5.  min-height在ie6中不兼容，加overflow:visible;