Vor ein paar Monaten habe ich eine neue Website gestartet und eine Beschwerde erhalten, dass eine Ranglistenanzeige über einem Dropdown-Menü, das ich auf der Seite hatte, erschien. Einfach genug, ich inspizierte die CSS der Anzeige, sah, dass es einen Z-Index von 999 hatte und erhöhte den Z-Index auf dem Menü auf 1.000. Problem gelöst. Das gleiche Problem ein paar Wochen später, erhöhte es auf 10.000. Auch heute musste ich eine andere Anzeige überprüfen, die das gleiche Problem verursacht. Es hatte einen Index von 1 Million. Wie nervig.
Da habe ich mich gefragt, was der Maximalwert ist, auf den ich einen Z-Index setzen könnte. Bei der Betrachtung verschiedener CSS-Dokumente scheint kein Maximalwert angegeben zu sein. Die Antwort in Firefox, IE und Chrome lautet:
2147483647
Das ist der maximal signierte Wert einer 32-Bit-Ganzzahl. Technisch würde ich mir vorstellen, dass diese Einschränkung von der Programmiersprache herrührt, in der der Browser erstellt wurde. Ich bin mir sicher, dass es einige ältere Browser gibt, bei denen die Einstellung auf diesen Wert zu einem Bruch führen könnte. Interessantes Zeug. Also, wenn Sie sicherstellen möchten, dass Ihr Element absolut 100% sicher oben ist, stellen Sie es auf 2147483647 ein. Problem gelöst. In Wirklichkeit fand ich es jedoch sehr ärgerlich, dass eine Anzeige eine so hohe Zahl erreicht hatte. Auf einer gegebenen Seite wird es eine sehr begrenzte Anzahl von Layern geben, die Einstellung auf eine viel kleinere Zahl sollte den Trick machen.
