För ett par månader sedan lanserade jag en ny webbplats och fick ett klagomål om att en topplistaannons visas ovanför en rullgardinsmeny som jag hade på sidan. Enkelt nog granskade jag css i annonsen, såg att den hade ett z-index på 999 och höjde z-indexet på menyn till 1 000. Problemet löst. Samma problem igen ett par veckor senare, höjde det till 10 000. Återigen i dag var jag tvungen att inspektera en annan annons som orsakade samma problem. Det hade ett index på 1 miljon. Vad irriterande.
Det fick mig att undra, vad är det maximala värdet som jag kunde ställa in ett z-index till. När vi tittade på olika CSS-dokumentation verkade det inte vara angivet ett maximivärde. Svaret i Firefox, IE och Chrome är:
2147483647
Det är det maximala signerade värdet för ett 32-bitars heltal. Tekniskt sett skulle 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ällning av det här värdet kan göra att något bryts. Intressanta saker dock. Så om du vill se till att ditt element är helt 100% säkert på toppen, ställ in det till 2147483647. Problemet är löst. Men i verkligheten tyckte jag att det var väldigt irriterande att en annons hade ställt in det på så högt antal. Med tanke på en given sida kommer det att finnas en mycket begränsad mängd lager, om du ställer in det på ett mycket mindre antal bör du göra tricket.
