Correzione dello z-index di IE - Trucchi CSS

Anonim

Questa non è una soluzione definitiva per risolvere tutti gli strani problemi di z-index di IE, ma sicuramente può aiutare in alcune circostanze. Quello che fa è scorrere ciascuno degli elementi dichiarati e applicare valori z-index in continua diminuzione su di essi. IE ottiene questo al contrario e questo lo imposta correttamente. Il motivo per cui non è tutto sommato è perché a volte non è l'ordine DOM in cui è necessario che z-index sia, e talvolta entra in gioco anche lo scoping.

Tuttavia, guarda la demo in IE 7 (grazie Dan Nicholls) per vedere la versione non funzionante in alto e la versione fissa in basso.

jQuery Version

$(function() ( var zIndexNumber = 1000; // Put your target element(s) in the selector below! $("div").each(function() ( $(this).css('zIndex', zIndexNumber); zIndexNumber -= 10; )); ));

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