Memperbaiki IE z-index - Trik CSS

Anonim

Ini bukan solusi akhir segalanya untuk memperbaiki semua masalah indeks z IE yang aneh, tetapi pasti dapat membantu dalam beberapa keadaan. Apa yang dilakukannya adalah melakukan perulangan melalui setiap elemen yang Anda deklarasikan dan menerapkan nilai indeks-z yang selalu menurun padanya. IE mendapatkan ini mundur, dan ini mengaturnya dengan benar. Alasan mengapa ini bukan akhir segalanya adalah karena terkadang bukan urutan DOM yang Anda butuhkan untuk indeks-z, dan terkadang pelingkupan juga ikut berperan.

Meskipun demikian, lihat demo di IE 7 (terima kasih Dan Nicholls) untuk melihat versi rusak di atas dan versi tetap di bawah.

Versi jQuery

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

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