IE6常见CSS解析Bug及hack

1.谷歌浏览器表单元素在点击时候会出现外边线

hack:outline:none;

2.ie中图片加了超链接后会带有边框

hack:border:none/0;

3.ie6以下的版本中,浏览器正在解析浮动元素时,会错误地把浮向边界加倍显示

hack:display:inline

4.ie6以下的版本中,部分块元素拥有默认高度(低于16px高度)

hack:给元素添加声明 overflow:hidden

5.透明度写法,在ie9以及以下的版本中,不支持opacity

opacity:0-1;在ie9以上及其他浏览器
filter:alpha(opacity=1-100);在ie9以及以下的版本

6.百分比bug:在IE6及以下版本中在解析百分比时,会按四舍五入方式计算从而导致50%加50%大于100%的情况。

hack:给右面的浮动元素添加声明:clear:right

7.直接去掉表单控件的边框时用border:0/none;不能兼容ie7以下的浏览器

hack:加背景颜色可以去掉边框

8.min-height的兼容问题(在ie6以下的浏览器,height属性等同于min-height)

加了关键字过滤器!important就会有最高优先级
					min-height:50px;
					height: auto !important;
					height:50px;
					在低版本中就会自动解析height:50px;效果上和min-height一样(因为后者会覆盖前者),在高版本中,解析的是前两行,但是高度auto,和最小高度一样。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值