div ( z-index: 1; /* integer */ )z-indexHotel v CSS nadzoruje navpično zlaganja vrstni red elementov, ki se prekrivajo. Kot pri, kateri se zdi, kot da vam je fizično bližje. z-indexvpliva samo na elemente, ki imajo vrednost položaja, ki ni static(privzeta).
Elementi se lahko prekrivajo iz različnih razlogov, na primer, relativno pozicioniranje ga je potisnilo nad nekaj drugega. Negativna marža je element potegnila nad drugega. Absolutno postavljeni elementi se prekrivajo. Različni razlogi.
Brez kakršne koli z-indexvrednosti se elementi zložijo v vrstnem redu, kot so prikazani v DOM-u (najnižji na isti ravni hierarhije je prikazan na vrhu). Elementi z nestatičnim pozicioniranjem se bodo vedno pojavili na vrhu elementov s privzetim statičnim pozicioniranjem.
Upoštevajte tudi, da ima gnezdenje veliko vlogo. Če element B sedi na vrhu elementa A, podrejeni element elementa A nikoli ne more biti višji od elementa B.
Upoštevajte, da so starejše različice IE te kontekstne stvari nekoliko zajebale. Tukaj je popravek jQuery za to.
Več informacij
- Screencast: Kako deluje z-indeks
- Dokumenti MDN
- Izčrpen članek: Razumevanje z-indeksa
- Racionalne vrednosti z-indeksa
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Deluje | Deluje | Deluje | Deluje | 4+ | 4+ | Deluje |