Fix IE Z-Index - CSS-Tricks

Anonim

Dies ist keine End-All-Be-All-Lösung zur Behebung aller seltsamen Probleme mit dem IE-Z-Index, kann jedoch unter bestimmten Umständen hilfreich sein. Es durchläuft jedes der von Ihnen deklarierten Elemente und wendet immer weniger werdende Z-Index-Werte auf sie an. IE bekommt dies rückwärts und dies setzt es richtig. Der Grund, warum es nicht alles ist, ist, dass es manchmal keine DOM-Reihenfolge ist, in der Sie den Z-Index benötigen, und manchmal kommt auch das Scoping ins Spiel.

Trotzdem sehen Sie sich die Demo in IE 7 an (danke Dan Nicholls), um die kaputte Version oben und die feste 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; )); );