Καθορισμός IE z-index - CSS-Κόλπα

Anonim

Αυτή δεν είναι μια τελική λύση για την επίλυση όλων των περίεργων ζητημάτων IE z-index, αλλά σίγουρα μπορεί να βοηθήσει σε ορισμένες περιπτώσεις. Αυτό που κάνει είναι να περιηγηθείτε σε κάθε ένα από τα στοιχεία που δηλώνετε και να εφαρμόσετε συνεχώς φθίνουσες τιμές ευρετηρίου z σε αυτά. Το IE το παίρνει πίσω, και αυτό το ρυθμίζει σωστά. Ο λόγος για τον οποίο δεν είναι τελικός είναι επειδή μερικές φορές δεν είναι η παραγγελία DOM που χρειάζεστε για να μπείτε στο ευρετήριο z και μερικές φορές μπαίνει και το scoping.

Παρ 'όλα αυτά, δείτε την επίδειξη στο IE 7 (ευχαριστώ Dan Nicholls) για να δείτε την κατεστραμμένη έκδοση στην κορυφή και την σταθερή έκδοση παρακάτω.

Έκδοση jQuery

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

Έκδοση MooTools

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