这并不是解决所有奇怪的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/