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:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
Kodo vykdymo rezultatas:
Pakartokite puslapį pagal šį pavyzdį:
Pakartokite puslapį pagal šį pavyzdį: