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: 给父元素加边框