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;
});
};