Behebung des IE z-index

Avatar of Chris Coyier
Chris Coyier am

Dies ist keine Allround-Lösung für alle seltsamen IE Z-Index-Probleme, aber sie kann in manchen Situationen sicherlich helfen. Sie durchläuft jedes der von Ihnen deklarierten Elemente und weist ihnen immer weiter abnehmende z-index-Werte zu. IE interpretiert dies falsch herum, und dies setzt es richtig. Der Grund, warum es keine Allround-Lösung ist, ist, dass manchmal nicht die DOM-Reihenfolge das ist, was Sie für den z-index benötigen, und manchmal spielt auch das Scoping eine Rolle.

Nichtsdestotrotz können Sie sich die Demo in IE 7 (danke Dan Nicholls) ansehen, um die fehlerhafte Version oben und die behobene Version unten zu sehen.

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