Regulering av overlapping av elementer langs Z-aksen i CSS

Rekkefølgen for overlapping av elementer kan reguleres ved hjelp av egenskapen z-index, som tar positive eller negative heltall, eller null, som verdi. Egenskapen fungerer bare for elementer der verdien position er satt til absolute, fixed eller relative.

Ved bruk av denne egenskapen er regelen for overlapping av elementer som følger: det elementet som vil være øverst er det som har den høyeste verdien for z-index.

La oss endre rekkefølgen for overlapping av elementer fra forrige eksempel. For å gjøre dette, sett z-index for det første elementet høyere enn for det andre, for eksempel slik:

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

Resultat av kjøring av koden: