写出5 种以上ie6 bug 的解决方法,哪些你认为是解决起来最麻烦的?

1)双边距BUG:float引起的,使用display:inline(在IE7,Firefox等浏览器下能正确解释左边距10px。但是在IE6下会理解为左边距20px。也就是说,在与浮动同方向的空白边会加倍,解决方法是为这个div的css中添加:display:inline,这样就可避免双倍边距bug)

2)3px空隙问题:float引起的,使用display:inline (当使用float浮动容器后,在IE6下会产生3px的空隙,因为是确切的3px,所以可以设置负边距来解决,比如.left{margin-right:-3px;}

3)超链接hover点击后失效:使用正确的书写顺序 link visited hover active
4)给子元素设置z-index不生效:给父级添加position:relative
5)min-height不生效:在min-height的末尾加上!important解决
6)IE6中奇数宽高的bug: IE6还有奇数宽高的bug,解决方案就是将外部相对定位的div宽度改为偶数
7)IE6下图片下方有空隙产生:解决这个bug的方法也有很多,可以是改变HTML的排版,或者定义img为display:block;或者定义vertical-align属性值为vertical-align:top | bottom | middle | text-bottom;可以设置父容器的字体大小为零,font-size:0

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值