Dit is geen eindoplossing voor het oplossen van alle rare IE z-index-problemen, maar het kan in sommige omstandigheden zeker helpen. Wat het doet, is door elk van de elementen die u declareert doorlopen en er steeds dalende z-indexwaarden op toepassen. IE krijgt dit achterstevoren, en dit stelt het correct in. De reden dat het niet het einde-alles-is-alles is, is omdat het soms niet de DOM-volgorde is waar je z-index voor nodig hebt, en soms komt scoping ook in het spel.
Desalniettemin, bekijk de demo in IE 7 (met dank aan Dan Nicholls) om de kapotte versie bovenaan en de vaste versie hieronder te zien.
jQuery-versie
$(function() ( var zIndexNumber = 1000; // Put your target element(s) in the selector below! $("div").each(function() ( $(this).css('zIndex', zIndexNumber); zIndexNumber -= 10; )); ));MooTools-versie
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; )); );