Az IE z-indexének javítása - CSS-trükkök

Anonim

Ez nem minden vége megoldás az összes furcsa IE z-index probléma kijavítására, de bizonyos körülmények között biztosan segíthet. Amit csinál, az a deklarált elemek mindegyikét végigkíséri, és folyamatosan csökkenő z-index értékeket alkalmaz rájuk. Az IE ezt visszafelé kapja, és ez helyesen állítja be. Annak az oka, hogy nem minden a vége, mert néha nem a DOM-sorrendben van szükség z-indexre, és néha a hatókör is szerepet játszik.

Ennek ellenére tekintse meg az IE 7 demóját (köszönet Dan Nicholls-nak), hogy a törött verziót a tetején, a lenti fix verziót láthassa.

jQuery verzió

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

MooTools verzió

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