Correction de z-index IE - Astuces CSS

Anonim

Ce n'est pas une solution ultime pour résoudre tous les problèmes bizarres d'index z d'IE, mais cela peut certainement aider dans certaines circonstances. Ce qu'il fait, c'est faire une boucle sur chacun des éléments que vous déclarez et leur appliquer des valeurs d'index z en baisse constante. IE obtient cela à l'envers, et cela le définit correctement. La raison pour laquelle ce n'est pas la fin de tout est que parfois ce n'est pas l'ordre DOM dans lequel vous avez besoin de z-index, et parfois la portée entre également en jeu.

Néanmoins, regardez la démo dans IE 7 (merci Dan Nicholls) pour voir la version cassée en haut et la version corrigée ci-dessous.

Version jQuery

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

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