For et par måneder siden lanserte jeg et nytt nettsted og fikk en klage på at en topplisteannonse ble vist over en rullegardinmeny som jeg hadde på siden. Enkel nok, jeg inspiserte css for annonsen, så at den hadde en z-indeks på 999 og økte z-indeksen på menyen til 1000. Problem løst. Samme problem igjen et par uker senere, økte det til 10.000. Igjen i dag måtte jeg inspisere en annen annonse som forårsaker det samme problemet. Den hadde en indeks på 1 million. Så irriterende.
Det fikk meg til å lure på, hva er den maksimale verdien jeg kunne sette en z-indeks til. Når vi ser på forskjellige CSS-dokumenter, så det ikke ut til å være angitt en maksimalverdi. Svaret i Firefox, IE og Chrome er:
2147483647
Det er den maksimale signerte verdien på et 32 bit heltall. Teknisk sett kan jeg forestille meg at denne begrensningen kommer fra programmeringsspråket som nettleseren ble laget i. Jeg er sikker på at det er noen eldre nettlesere der å sette den til denne verdien kan gjøre noe ødelagt. Interessante ting skjønt. Så hvis du vil forsikre deg om at elementet ditt er helt 100% sikkert på toppen, sett det til 2147483647. Problemet er løst. Men i virkeligheten syntes jeg det var veldig irriterende at en annonse hadde satt den til et så høyt antall. Tatt i betraktning på en gitt side kommer det til å være en veldig begrenset mengde lag, hvis du setter det til et mye mindre antall bør gjøre susen.
