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:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
Resultat af kodeudførelse:
Gentag siden efter denne model:
Gentag siden efter denne model: