For et par måneder siden lancerede jeg et nyt sted og fik en klage over, at der blev vist en leaderboard-annonce over en dropdown-menu, som jeg havde på siden. Enkelt nok inspicerede jeg css i annoncen, så, at den havde et z-indeks på 999 og hævede z-indekset i menuen til 1.000. Problem løst. Samme problem igen et par uger senere, hævede det til 10.000. Igen i dag var jeg nødt til at inspicere en anden annonce, der forårsager det samme problem. Det havde et indeks på 1 million. Hvor irriterende.
Det fik mig dog til at undre mig over, hvad er den maksimale værdi, som jeg kunne indstille et z-indeks til. Ved at undersøge forskellige CSS-dokumenter synes der ikke at være angivet en maksimal værdi. Svaret i Firefox, IE og Chrome er:
2147483647
Det er den maksimale underskrevne værdi af et 32 bit heltal. Teknisk set kan jeg forestille mig, at denne begrænsning kommer fra det programmeringssprog, som browseren blev oprettet i. Jeg er sikker på, at der er nogle ældre browsere, hvor indstilling af denne til denne værdi kan gøre noget brudt. Interessante ting dog. Så hvis du vil sikre dig, at dit element er helt 100% sikkert på toppen, skal du indstille det til 2147483647. Problemet er løst. Men i virkeligheden fandt jeg det meget irriterende, at en annonce havde indstillet den til et så højt antal. I betragtning af på en given side vil der være en meget begrænset mængde lag, at indstille den til et meget mindre antal bør gøre susen.
