Před pár měsíci jsem spustil nový web a dostal jsem stížnost, že se nad rozbalovací nabídkou, které jsem na stránce měl, objevila reklama na žebříčku. Jednoduše jsem zkontroloval css reklamy, viděl jsem, že má z-index 999 a zvýšil z-index v nabídce na 1 000. Problém je vyřešen. Stejný problém znovu o několik týdnů později, zvýšil na 10 000. Dnes jsem znovu musel zkontrolovat jinou reklamu, která způsobovala stejný problém. Měl index 1 milion. Jak otravné.
To mě ale zajímalo, na jakou maximální hodnotu bych mohl nastavit z-index. Při pohledu na různou dokumentaci CSS se nezdálo, že by byla stanovena maximální hodnota. Odpověď ve Firefoxu, IE a Chrome je:
2147483647
Toto je maximální podepsaná hodnota 32 bitového celého čísla. Technicky bych si představoval, že toto omezení pochází z programovacího jazyka, ve kterém byl vytvořen prohlížeč. Jsem si jist, že existují některé starší prohlížeče, kde by nastavení této hodnoty mohlo něco zlomit. Zajímavé věci. Takže pokud se chcete ujistit, že je váš prvek nahoře absolutně stoprocentně jistý, nastavte jej na 2147483647. Problém byl vyřešen. Ve skutečnosti mi však připadalo velmi nepříjemné, že reklama ji nastavila na tak vysoké číslo. Pokud vezmeme v úvahu jakoukoli danou stránku, bude existovat velmi omezené množství vrstev. Trikem by mělo být nastavení na mnohem menší počet vrstev.
