Fikse IE z-indeks - CSS-triks

Anonim

Dette er ikke en ende-på-alt-løsning for å fikse alle rare IE z-indeksproblemer, men det kan absolutt hjelpe i noen tilfeller. Det den gjør er å løpe gjennom hvert av elementene du erklærer og anvende stadig synkende z-indeksverdier på dem. IE får dette bakover, og dette setter det riktig. Årsaken til at det ikke er slutt på alt, er fordi det noen ganger ikke er DOM-rekkefølge du trenger z-indeks for å være i, og noen ganger spiller scoping også inn.

Likevel, se demoen i IE 7 (takk Dan Nicholls) for å se den ødelagte versjonen på toppen og den faste versjonen nedenfor.

jQuery-versjon

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

MooTools versjon

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