z-index jelentése
2013.07.02. 17:13
Ennek az értéknek a pontos leírását még seholse találtam, ezért az internet segítségét (és az angol nyelvtudásom xD) felhasználva, elkészítettem ennek a leírását is.
Nos, elsőnek is azzal kezdeném, hogy itt egy rétegről beszélünk. Ezen belül képzeljetek el egy "x" és "y" tengelyt. Az "x" tengely a vízszintes, az "y" tengely a függőleges pozíciót jelöli, a "z" tengely pedig ebben az esetben a mélységet.
A mélységet akkor tudjuk értelmezni a monitor sík kijelzőjén, ha több ilyen elem egymásra kerül, egymást elfedi. Ekkor az fogja elfedni a másikat, mely előrébb, "közelebb" van a felhasználóhoz, vagy másként mondva, "feljebb" van a z tengelyen.
A z tengelyen való elhelyezkedést a z-index tulajdonság segítségével, egy egész számot használva adhatjuk meg. Az alapértelmezett érték 0. Ha két elem azonos mélységgel rendelkezik, akkor a HTML-ben a később leírt fog "feljebb" megjelenni. Ha más értéket adunk meg, a nagyobb számmal bíró elem kerül közelebb a felhasználóhoz.
Fontos megjegyezni, hogy a z-index csak akkor működik, ha egy elem el van helyezve (position:absolute; vagy relative, vagy fix).
Elvileg minden egyes böngésző támogatja ezt a funkciót.
A felhasznált irományok a következő oldalról származnak: weblabor.hu , w3school.com.
|