z-index

Z-index v HTML

Z-index je CSS vlastnosť, ktorá určuje poradie vrstiev elementov na webovej stránke. Pomocou z-indexu môžete určiť, ktorý element sa má zobrazovať nad ostatnými a aký má poradie.

Defaultne majú všetky elementy z-index hodnotu auto, čo znamená, že sa zobrazujú v poradí, v akom boli vytvorené v HTML kóde. Ak chcete zmeniť poradie elementov, môžete nastaviť z-index na konkrétnu hodnotu.

Príklad:

.element1 {
  z-index: 2;
}

.element2 {
  z-index: 1;
}

V tomto príklade bude element1 zobrazený nad elementom2, pretože má vyššiu hodnotu z-index.

Pokiaľ chcete z-index použiť, je dôležité mať na pamäti, že funguje len na elementy, ktoré majú nastavenú vlastnosť position na absolute, relative alebo fixed.

Pre viac informácií si pozrite Wikipedia.