Gibt es eine Obergrenze für z-Index-Werte in Web-Browsern?

Question

Ich habe einen Fall, in dem eine 3rd-Party-Anzeige durch meine modalen Fenster Implementierung blutet. Ich mag den Z-Index des modalen Overlay so hoch wie möglich nach oben, so dass die Anzeige nicht auf es zeigen. Gibt es eine Grenze, um z-Index-Werte? Ich bin sicher, wenn es durch Browser variiert. Wer weiß?

Answer 1

Beachten Sie, dass z-index nicht global funktioniert, sondern nur innerhalb eines ‚Stapel Kontext‘ (die a href schwer zu verdauen hat <= "http://www.w3.org/TR/CSS21/visuren.html # z-index“rel =‚noreferrer‘> Definition in CSS), und wenn die Anzeige stellt sie eigene Stapelkontext ist, dann Werte z-index Sie an anderer Stelle gesetzt kann es überhaupt nicht beeinflussen.

Doch wahrscheinlicher ist es eine Frage der „Fenster“ Flash (Objekt ohne wmode=transparent Attribut), die Browser auf alles machen, als ob ein Fenster war über das Browserfenster . In einem solchen Fall z-index wird nicht helfen. Sie werden zwingen, müssen ad [-provider] wmode=transparent zu verwenden oder ein paar verrückte Hacks mit Iframes verwenden.

Answer 2

Maximal zIndex Wert von den meisten Browsern unterstützt wird, ist 2147483647 (2 ^ 31-1), aber Opera 9.2 Werte nicht akzeptieren größer als 2147483583; Sie setzten es in der Version 9.5.

Answer 3

Nicht wirklich, aber Sie könnten die natürlichen Grenzen eines Systems, wie ein int Bereich betrachten. Ich würde halte es wahrscheinlich unter 32.767 . Ich habe auf jeden Fall überschritten, dass in Javascript, während auf einem ähnlichen Problem zu arbeiten, und stießen auf keinerlei Probleme auf den wichtigsten Browsern und Plattformen, über die ich zu der Zeit betroffen war.

Im Fall von 3rd-Party-Anzeigen und Overlays, um sicherzustellen, dass wmode = "transparent" auf dem Flash einbetten ist ein gemeinsames Problem auf der gleichen Linie. Auch erwähnenswert, dass der IE einen Bug mit Stapeln von z-Indizes hat, also, wenn Sie nicht den Erfolg zu sehen, stellen Sie sicher, dass Sie nicht den Kopf gegen die Wand mit, dass ein Schlagen *.

Ich mag immer auf irgendeine Art von Konvention halten , und nicht willkürlich Zahlen verwenden. Zum Beispiel fällt vielleicht alles in meinem css zwischen 0 und 10 . Vielleicht geschieht DHTML Sachen in der Stellenwerte der 100, mit einem aussagekräftigen Z-Index für jedes gegebene Modul.

* Nebenbei bemerkt: Der IE Fehler, um genau zu sein, ist, dass der IE eine neue Instanz des Dokumentenflusses hält ein neuer Stapelkontext für z-index zu sein. Sie müssen sicherstellen, dass Ihre Z-Indizes sind nicht in der DOM-Hierarchie verloren gehen, wenn ein Kind-Knoten, die normalerweise Ihre Z-Index werden erben würde, ist es die eigene Positionierung Kontext wiedergegeben wird.

Answer 4

Zitat von http: // techtrouts.com/is-there-a-limit-to-the-css-z-index-property/ :

theorically die z-index Eigenschaft sollte unbegrenzt sein, oder zumindest innerhalb eines int-Typ-Bereichs, je nach Betriebssystem und Browser. Um jedoch zu vermeiden Browser-Bugs sollten Sie Ihre z-Indexwerte begrenzen 32767 bis +/-.