IE经典bug

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;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

啥啥都知道

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值