IE6 兼容问题

1IE6图片撑大三像素问题                             

hack1: 给父元素添加: font-size0;

hack2(推荐):

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

2IE6边距/双倍浮向问题                           

IE6中如果对进行浮动元素设置边距paddingmargin,边距加倍。

hack:给浮动元素设置displayinline;

3表单行高不一致(同一行中inputbutton高度不一致)

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

4IE6   li标签间隙问题                                    

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

hack:给li添加: vertical-aligntop

5IE6及以下:部分块状元素默认高度(一般16px-18px  

 hack:给元素添加overflow-hidden 或者font-size0

6IE6png24会有背景                         

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

 

7IE6鼠标指针问题                                     

bug:   cursorhand属性只有IE8浏览器识别。

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

例如:input { cursor:pointer;}

8IE6透明属性                                                

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

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

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

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

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

hack3: 给子元素添加float

hack4: 给父元素加边框

原文地址:https://www.cnblogs.com/yunyin/p/14657972.html