1.图片间隙问题:
在高版本浏览器中,如果没有给父容器设置高度,图片会在原来基础上把父元素撑大3-5px;
解决办法:1.给父元素添加font-size:0;
2.给图片设置display:block;(推荐方法)
在低版本浏览器中(IE6),如果给父容器设置宽度后,图片会在原来基础上把父元素撑大3-5px;
解决办法:1.给父元素添加font-size:0;
2.给图片添加display:block;
2.双边距问题:
在IE6中如果对进行浮动的元素设置边距(padding或者margin),边距加倍。
解决办法:给元素设置display:inline
3.li标签间隙问题:
IE6中,如果li标签中的内容设置了高度,li标签之间会有间隙;
解决办法:给li设置vertical-align:top;
4.块状元素默认高度问题: 比如在做图片切换的小图标时
IE6中,部分块状元素会有默认高度(一般为16px-18px之间);
解决办法:给元素添加overflow-hidden 或者font-size:0;
5.IE6中只能支持png 格式8位的透明;
6.表单行高不一致:
此问题在高版本浏览器中也存在,主要表现在一行中的文本输入框和按钮不在同一高度;
解决办法:给表单元素添加float:left 并去掉默认边框border:0;