Anonim

Pár hónappal ezelőtt elindítottam egy új webhelyet, és panaszt kaptam arról, hogy ranglistán megjelenő hirdetés jelenik meg az oldalon lévő legördülő menü felett. Elég egyszerűen megvizsgáltam a hirdetés css-jét, láttam, hogy annak z-indexe 999, és a menü z-indexét 1000-re emelték. Probléma megoldódott. Ugyanez a probléma pár héttel később ismét 10000-ra emelkedett. Ma ismét meg kellett vizsgálnom egy másik hirdetést, amely ugyanazt a problémát okozta. Az indexe 1 millió volt. Milyen bosszantó.

De arra gondoltam, mi a maximális érték, amellyel beállíthatom a z-indexet. A különféle CSS dokumentációkat vizsgálva úgy tűnik, hogy nincs megadva maximális érték. A válasz Firefox, IE és Chrome esetén:

2147483647

Ez egy 32 bites egész szám maximális aláírt értéke. Technikailag azt gondolom, hogy ez a korlátozás abból a programozási nyelvből származik, amelyben a böngészőt készítették. Biztos vagyok benne, hogy vannak régebbi böngészők, ahol erre az értékre állítva valami megszakadhat. Érdekes dolgok. Tehát, ha azt szeretné, hogy az elem teljesen 100% -ban biztos legyen a tetején, állítsa 2147483647-re. A probléma megoldva. A valóságban azonban nagyon bosszantónak találtam, hogy egy hirdetés ilyen magas számra állította be. Figyelembe véve az egyes oldalakat, nagyon korlátozott rétegű lesz a réteg, ha sokkal kisebb számra állítja ezt a trükköt.

Maximális css z-index érték