Een paar maanden geleden lanceerde ik een nieuwe site en kreeg een klacht dat er een leaderboard-advertentie boven een dropdown-menu verscheen dat ik op de pagina had. Eenvoudig genoeg inspecteerde ik de css van de advertentie, zag dat deze een z-index van 999 had en verhoogde de z-index in het menu naar 1.000. Probleem opgelost. Hetzelfde probleem opnieuw een paar weken later, opgevoerd tot 10.000. Vandaag opnieuw moest ik een andere advertentie inspecteren die hetzelfde probleem veroorzaakte. Het had een index van 1 miljoen. Hoe irritant.
Dat vroeg me echter af wat de maximale waarde is waarop ik een z-index zou kunnen instellen. Uit verschillende CSS-documentatie bleek dat er geen maximale waarde was opgegeven. Het antwoord in Firefox, IE en Chrome is:
2147483647
Dat is de maximale ondertekende waarde van een 32-bits geheel getal. Technisch gezien zou ik me voorstellen dat deze beperking komt van de programmeertaal waarin de browser is gemaakt. Ik weet zeker dat er enkele oudere browsers zijn die het op deze waarde zetten mogelijk iets kan breken. Interessante dingen wel. Dus als u zeker wilt weten dat uw element er absoluut 100% zeker van is, stelt u dit in op 2147483647. Probleem opgelost. In werkelijkheid vond ik het echter heel vervelend dat een advertentie het op zo'n hoog aantal had gezet. Gezien op een bepaalde pagina, zal er een zeer beperkt aantal lagen zijn, het instellen van een veel kleiner aantal zou voldoende moeten zijn.
