修复IE z-index

这并不是解决所有奇怪的IE z-index问题的万事俱备的解决方案,但在某些情况下当然可以提供帮助。 它的作用是循环遍历您声明的每个元素,并将不断下降的z-index值应用于它们。 IE将此倒退,并正确设置了它。 之所以不能一劳永逸,是因为有时它不是DOM顺序,您需要z-index才能进入,有时作用域也会发挥作用。

尽管如此,请查看 IE 7中的演示 (感谢Dan Nicholls),以查看顶部的损坏版本和下方的固定版本。

jQuery版本

$(function() {
       var zIndexNumber = 1000;
       // Put your target element(s) in the selector below!
       $("div").each(function() {
               $(this).css('zIndex', zIndexNumber);
               zIndexNumber -= 10;
       });
});

MooTools版本

if(Browser.Engine.trident){
       var zIndexNumber = 1000;
       // Put your target element(s) in the selector below!
       $$('div').each(function(el,i){
               el.setStyle('z-index',zIndexNumber);
               zIndexNumber -= 10;
       });
};

翻译自: https://css-tricks.com/snippets/jquery/fixing-ie-z-index/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值