Fastsættelse af IE z-indeks - CSS-tricks

Dette er ikke en ende-på-alt-alt-løsning til løsning af alle underlige IE z-indeksproblemer, men det kan bestemt hjælpe under visse omstændigheder. Hvad det gør er at løbe gennem hvert af de elementer, som du erklærer, og anvende stadigt faldende z-indeksværdier på dem. IE får dette baglæns, og dette indstiller det korrekt. Årsagen til, at det ikke er slut-alt-være-alt, er, at det undertiden ikke er DOM-rækkefølge, som du har brug for z-indeks for at være i, og nogle gange kommer scoping også til spil.

Ikke desto mindre kan du se demoen i IE 7 (tak Dan Nicholls) for at se den ødelagte version øverst og den faste version nedenfor.

jQuery-version

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

MooTools version

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