Detta är inte en slutlig lösning för att fixa alla konstiga IE z-indexproblem, men det kan verkligen hjälpa under vissa omständigheter. Vad det gör är att slinga igenom vart och ett av elementen som du deklarerar och tillämpa ständigt minskande z-indexvärden på dem. IE får detta bakåt, och detta ställer in det korrekt. Anledningen till att det inte är all-be-all är att det ibland inte är DOM-ordning som du behöver z-index för att vara i, och ibland spelar också scoping in.
Ändå visa demo i IE 7 (tack Dan Nicholls) för att se den trasiga versionen på toppen och den fasta versionen nedan.
jQuery-version
$(function() ( var zIndexNumber = 1000; // Put your target element(s) in the selector below! $("div").each(function() ( $(this).css('zIndex', zIndexNumber); zIndexNumber -= 10; )); ));
MooTools-version
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; )); );