Vor ein paar Monaten habe ich eine neue Website gestartet und eine Beschwerde erhalten, dass eine Leaderboard-Anzeige über einem Dropdown-Menü angezeigt wurde, das ich auf der Seite hatte. Ganz einfach: Ich habe die CSS der Anzeige überprüft, festgestellt, dass sie einen Z-Index von 999 hat, und den Z-Index im Menü auf 1.000 erhöht. Problem gelöst. Das gleiche Problem wurde ein paar Wochen später auf 10.000 erhöht. Heute musste ich wieder eine andere Anzeige überprüfen, die das gleiche Problem verursachte. Es hatte einen Index von 1 Million. Wie nervig.
Das hat mich allerdings gefragt, auf welchen Maximalwert ich einen Z-Index setzen könnte. In verschiedenen CSS-Dokumentationen wurde anscheinend kein Maximalwert angegeben. Die Antwort in Firefox, IE und Chrome lautet:
2147483647
Dies ist der maximal vorzeichenbehaftete Wert einer 32-Bit-Ganzzahl. Technisch gesehen würde ich mir vorstellen, dass diese Einschränkung von der Programmiersprache herrührt, in der der Browser erstellt wurde. Ich bin sicher, dass es einige ältere Browser gibt, bei denen die Einstellung auf diesen Wert zu Problemen führen kann. Interessantes Zeug. Wenn Sie also sicherstellen möchten, dass Ihr Element zu 100% sicher ist, setzen Sie es auf 2147483647. Problem behoben. In Wirklichkeit fand ich es jedoch sehr ärgerlich, dass eine Anzeige eine so hohe Zahl eingestellt hatte. In Anbetracht der Tatsache, dass es auf einer bestimmten Seite nur eine sehr begrenzte Anzahl von Ebenen gibt, sollte es ausreichen, diese auf eine viel kleinere Anzahl zu setzen.
