Elementų perdengimo reguliavimas išilgai Z ašies CSS

Elementų perdengimo tvarką galima reguliuoti naudojant savybę z-index, kuri priima sveikuosius teigiamus ar neigiamus skaičius, arba nulį. Savybė veikia tik elementams, kurių position savybės reikšmė yra absolute, fixed arba relative.

Naudojant šią savybę, elementų perdengimo taisyklė yra tokia: aukščiau bus tas elementas, kurio z-index reikšmė didesnė.

Pakeiskime elementų perdengimo tvarką iš ankstesnio pavyzdžio. Tam pirmam elementui nustatykime z-index didesnį, nei antrojo, pavyzdžiui, taip:

css#elem1 {
  z-index: 2;
}
#elem2 {
  z-index: 1;
}

Kodo vykdymo rezultatas: