Oprava IE z-indexu Triky CSS

Anonim

Nejedná se o úplné řešení řešení všech podivných problémů s IE z-indexem, ale za určitých okolností určitě může pomoci. Co dělá, je procházet každým z prvků, které deklarujete, a použít na ně neustále klesající hodnoty z-indexu. IE to dostane zpět a toto to nastaví správně. Důvod, proč to není všechno, je ten, že někdy to není objednávka DOM, ve které potřebujete z-index, a někdy do hry vstupuje také scoping.

Podívejte se však na ukázku v IE 7 (díky Dan Nicholls), abyste viděli rozbitou verzi nahoře a pevnou verzi níže.

Verze jQuery

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

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