Regulovanie prekrytia prvkov pozdĺž osi Z v CSS
Poradie prekrytia prvkov je možné regulovať
pomocou vlastnosti z-index, ktorá prijíma
ako hodnotu celé kladné alebo záporné
čísla, alebo nulu. Vlastnosť funguje iba
pre prvky, ktorých hodnota position
je nastavená ako absolute, fixed
alebo relative.
Pri použití tejto vlastnosti je pravidlo
prekrytia prvkov nasledovné: vyššie bude
ten prvok, ktorého hodnota z-index
je väčšia.
Zmeňme poradie prekrytia prvkov
z predchádzajúceho príkladu. Preto prvému
prvku nastavme z-index väčší,
ako má druhý, napríklad takto:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
Výsledok vykonania kódu:
Zopakujte stránku podľa daného vzoru:
Zopakujte stránku podľa daného vzoru:
