修复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/