IE z-endeksini düzeltme - CSS Hileleri

Anonim

Bu, tüm garip IE z-endeksi sorunlarını çözmek için her şeyden önce bir çözüm değildir, ancak bazı durumlarda kesinlikle yardımcı olabilir. Yaptığı şey, bildirdiğiniz öğelerin her birinde döngü yapmak ve bunlara sürekli azalan z-endeksi değerleri uygulamaktır. IE bunu geriye doğru alıyor ve bu onu doğru şekilde ayarlıyor. Her şeyin sonu olmamasının nedeni, bazen içinde olmanız gereken z-endeksinin DOM sıralaması olmaması ve bazen kapsam belirleme işleminin de devreye girmesidir.

Bununla birlikte, kırık sürümü üstte ve sabit sürümü aşağıda görmek için demoyu IE 7'de görüntüleyin (Dan Nicholls'e teşekkürler).

jQuery Sürümü

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

MooTools Sürümü

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