IE6 兼容问题

1、IE6图片撑大三像素问题                             

hack1: 给父元素添加： font-size：0;

hack2（推荐）：

给img标签设置： display:block 或vertical-align:middle 或 display:inline-3px

 

2、IE6双倍边距/双倍浮向问题                           

IE6中如果对进行浮动元素设置边距padding或margin，边距加倍。

hack：给浮动元素设置display：inline;

 

3、表单行高不一致（同一行中input和button高度不一致）

 hack：给表单元素添加:  float:left ; border:0;  //去掉边框

 

4、IE6   li标签间隙问题                                    

 IE6中，如果li中的内容设置了高度，li标签之间会有间隙；

hack：给li添加： vertical-align：top；

 

5、IE6及以下：部分块状元素默认高度（一般为16px-18px）  

 hack：给元素添加overflow-hidden 或者font-size：0；

 

6、IE6中png24会有背景                         

把png24做成png8 (格式8位的透明)

 

7、IE6鼠标指针问题                                     

bug:   cursor的hand属性只有IE8浏览器识别。

hack:  统一元素指针形状为手型  

例如：input { cursor:pointer;}

 

8、IE6透明属性                                                

IE兼容写法： filter: alpha(opacity=数值)  //取值1-100

其他浏览器兼容写法： opacity:0;  //取值0-1

 

9、IE6 父元素里有块元素，如果给子元素添加margin-top,父元素会掉下来

hack1: 避开这个bug, 给父元素添加padding-top

hack2: 给父元素添加： overflow:hideen;

hack3: 给子元素添加float

hack4: 给父元素加边框