Naprawianie indeksu z IE - CSS-Tricks

Anonim

To nie jest ostateczne rozwiązanie do naprawiania wszystkich dziwnych problemów z indeksem Z w IE, ale z pewnością może pomóc w niektórych okolicznościach. To, co robi, to pętla przez każdy z deklarowanych elementów i stosowanie do nich stale malejących wartości z-index. IE pobiera to wstecz, a to ustawia to poprawnie. Powodem, dla którego nie jest to koniec wszystkiego, jest to, że czasami nie jest to kolejność DOM, w której potrzebujesz indeksu z, a czasami w grę wchodzi również określanie zakresu.

Niemniej jednak obejrzyj demo w IE 7 (dzięki Dan Nicholls), aby zobaczyć zepsutą wersję na górze i poprawioną wersję poniżej.

Wersja jQuery

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

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