Esta no es una solución definitiva para solucionar todos los problemas extraños del índice z de IE, pero ciertamente puede ayudar en algunas circunstancias. Lo que hace es recorrer cada uno de los elementos que declaras y aplicarles valores de índice z en constante disminución. IE obtiene esto al revés y lo configura correctamente. La razón por la que no es el fin de todo es porque a veces no es el orden DOM en el que necesita que esté el índice z y, a veces, el alcance también entra en juego.
No obstante, vea la demostración en IE 7 (gracias Dan Nicholls) para ver la versión rota en la parte superior y la versión corregida a continuación.
Versión de jQuery
$(function() ( var zIndexNumber = 1000; // Put your target element(s) in the selector below! $("div").each(function() ( $(this).css('zIndex', zIndexNumber); zIndexNumber -= 10; )); ));
Versión de 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; )); );