Arreglando el índice z de IE | Programar Plus

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 declara y aplicarles valores de índice z cada vez más bajos. IE obtiene esto al revés, y esto lo configura correctamente. La razón por la que no es el final de todo es porque a veces no es el orden DOM en el que necesita estar el índice z, y a veces también entra en juego el alcance.

No obstante, vea la demostración en IE 7 (gracias a 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 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;
       });
};
(Visited 10 times, 1 visits today)