1.默认高度(IE6)
描述:在IE6及以下版本中,部分块元素拥有默认高度(低于18px高度)。
hack1:添加声明,font-size:0;
hack2:添加声明,overflow:hidden;
2.图片间隙
描述:在块元素中插入图片,会把块元素的高度撑大3px。
hack1:给img标签添加声明,display:block;
3.双倍浮向(双倍边距2)
描述:当IE6及更低版本的浏览器在解析浮动元素时,会错误的把浮向边的边距加倍显示。
hack1:给浮动元素添加声明,display:inline;
4.表单元素行高不一致
描述:表单元素行高对齐方式不一致。
hack1:给表单元素添加声明,float:left;
5.按钮元素默认大小及样式不一致
hack1:统一大小及样式(用a标签模拟);
hack2:input外边套一个标签,在这个标签里写按钮的样式,把input边框去掉;
hack3:如果这个按钮是一个图片,直接把图片作为按钮的背景图即可;
6.百分比bug
描述:IE6以下版本解析百分比时,按四舍五入的方式计算从而导致50%+50%大于100%。
hack1:给右边元素添加清除浮动的声明。
clear:left;清除左浮动;clear:right;清除右浮动;clear:both:清除两边浮动。
7.鼠标指针bug
描述:cursor属性的hand值只有IE8能识别;
hack1:统一为手型,添加声明:cursor:pointer;
8.透明属性
IE:filter:alpha(opacity=数值);取值范围(1-100);
IE8以下兼容其它浏览器:opacity:数值;(数值范围:0-1);
9.当li添加float属性,且li里的转换成块元素,并加了高度,IE6里会出现每个li独占一行或阶梯状的情况。
hack1:不给a加高度;
hack2:给a添加float;
10.父元素里有块元素,给子元素加margin-top,父元素会跑下来。
hack1:给父元素添加overflow:hidden;
hack2:给子元素添加float;
hack3:给父元素添加边框;
hack4:给父元素加padding-top;
IE经典bug
最新推荐文章于 2023-03-29 21:08:20 发布