Fiksējot IE z-indeksu - CSS-triki

Anonim

Tas nav risinājums visiem, lai atrisinātu visas dīvainās IE z-indeksa problēmas, taču dažos gadījumos tas noteikti var palīdzēt. Tas notiek, aplūkojot katru no jūsu deklarētajiem elementiem, un uz tiem jāpielieto arvien samazinās z-indeksa vērtības. IE to saņem atpakaļ, un tas to pareizi nosaka. Iemesls, kāpēc tas nav viss, kas beidzas, ir tāpēc, ka dažreiz z-indekss nav DOM-pasūtījums, un dažreiz tiek izmantota arī darbības joma.

Neskatoties uz to, skatiet demonstrāciju IE 7 (paldies Dan Nicholls), lai redzētu sadalīto versiju augšpusē un laboto versiju zemāk.

jQuery versija

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

MooTools versija

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