Memperbaiki IE z-index - Trik CSS

Anonim

Ini bukan penyelesaian akhir-untuk-semua untuk memperbaiki semua masalah indeks IE z yang pelik, tetapi ia pasti dapat membantu dalam beberapa keadaan. Apa yang dilakukannya ialah melengkapkan setiap elemen yang anda nyatakan dan menerapkan nilai indeks z yang terus menurun pada mereka. IE mendapat ini ke belakang, dan ini menetapkannya dengan betul. Sebabnya tidak berakhir-semua adalah kerana kadangkala bukan pesanan DOM yang anda perlukan untuk memasukkan z-index, dan kadang-kadang scoping juga dimainkan.

Walaupun begitu, lihat demo di IE 7 (terima kasih Dan Nicholls) untuk melihat versi yang rosak 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; )); );