Non mi sono mai imbattuto in questo problema con la proprietà z-index
e lo stacking di Internet Explorer 7 (ed inferiori), ma dopo aver visto questo demo ho capito la gravità del problema. Fortunatamente possiamo risolvere il tutto utilizzando jQuery. Vediamo come.
La soluzione consiste nell'assegnare al set di elementi selezionati un valore decrescente per la proprietà z-index
in modo da riequilibrare l'ordine di stacking in Internet Explorer:
$(function() {
var zIndexNumber = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});