Maximal CSS Z-indexvärde

För några månader sedan lanserade jag en ny webbplats och fick ett klagomål om att en leaderboard-annons visades ovanför en rullgardinsmeny som jag hade på sidan. Enkelt nog, jag inspekterade css av annonsen, såg att den hade ett z-index på 999 och upped z-index på menyn till 1000. Problemet löst. Samma problem igen ett par veckor senare uppeded det till 10.000. Återigen idag var jag tvungen att inspektera en annan annons som orsakade samma problem. Den hade ett index på 1 miljon. Vad irriterande.

Det fick mig dock att undra, vad är det maximala värdet som jag kunde ställa in ett z-index till. Om man tittar på olika CSS-dokumentation så verkade det inte vara ett angivet maximumvärde. Svaret i Firefox, IE och Chrome är:

2147483647

Det är det högsta tecknade värdet av ett 32 bitars heltal. Tekniskt kan jag föreställa mig att denna begränsning kommer från det programmeringsspråk som webbläsaren gjordes i. Jag är säker på att det finns några äldre webbläsare där inställningen till det här värdet kan göra något paus. Intressanta saker men. Så, om du vill se till att ditt element är absolut 100% säkert på toppen, ställ det till 2147483647. Problemlös. I själva verket fann jag det dock väldigt irriterande att en annons hade satt den till ett så högt tal. Med tanke på vilken sida som helst, kommer det att finnas en väldigt begränsad mängd lager, vilket innebär att ett mycket mindre antal borde göra tricket.

Se Även