浏览器兼容

1、IE6下z-index不兼容问题
IE6和IE7有一个bug,如果只是对一个子元素设定z-index,这个值再高,也不能覆盖与父元素同级的其他元素。所以现在通用的解决方法是对子元素的父元素也定义一个z-index的值。例如这样

<body>
    <div class="container">
        <div class="test"></div>        
    </div>
</body>

假如你已经定义了 .test {position:absolute; z-index:9999;},如果要让这个样式在IE6、IE7下面生效的话,就还要在container的div里面加一句:
.container {z-index:100;}
如果container还有一个父元素,就要在那个父元素上也定义一个z-index的值才行。

2、IE6/7下font-size:0失效的解决方法
使用line-height:0来解决IE6/7浏览器的小黑点问题,也可以使用第二种方法text-indent:-9999em来解决小黑点问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值