Regulering af overlapping af elementer langs Z-aksen i CSS

Rækkefølgen af overlapping af elementer kan reguleres ved hjælp af egenskaben z-index, som tager heltal, positive eller negative, eller nul, som værdi. Egenskaben virker kun for elementer, hvor værdien position er sat som absolute, fixed eller relative.

Ved brug af denne egenskab er reglen for overlapping af elementer som følger: øverst vil det element være, hvis z-index-værdi er højere.

Lad os ændre rækkefølgen af overlapping af elementer fra det foregående eksempel. For at gøre dette sætter vi z-index for det første element højere end for det andet, for eksempel sådan her:

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

Resultat af kodeudførelse: