Fixarea indexului z IE - CSS-Tricks

Anonim

Aceasta nu este o soluție finală pentru a remedia toate problemele ciudate ale indexului z IE, dar cu siguranță poate ajuta în anumite circumstanțe. Ceea ce face este să parcurgă fiecare dintre elementele pe care le declarați și să le aplicați valori în scădere permanentă ale indexului z. IE obține acest lucru înapoi și acest lucru îl setează corect. Motivul pentru care nu este end-all-be-all este pentru că uneori nu este ordinea DOM în care aveți nevoie de indexul z pentru a fi, iar uneori intră în joc și domeniul de aplicare.

Cu toate acestea, vizualizați demo-ul din IE 7 (mulțumesc lui Dan Nicholls) pentru a vedea versiunea defectă în partea de sus și versiunea fixă ​​de mai jos.

Versiunea jQuery

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

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