Die Regulering van Elemente se Oorvleueling op die Z-as in CSS
Die volgorde van oorvleueling van elemente kan gereguleer word
met behulp van die eienskap z-index, wat heelgetalle
positiewe of negatiewe getalle, of nul as waarde aanneem. Die eienskap werk siegs
vir elemente waarvan die position
waarde gestel is as absolute, fixed
of relative.
Wanneer hierdie eienskap gebruik word, is die reël
vir oorvleueling soos volg: die element met die grootste z-index
waarde sal bo-op lê.
Kom ons verander die oorvleuelingsvolgorde van die elemente
uit die vorige voorbeeld. Om dit te doen, stel ons die z-index van die eerste
element hoër as dié van die tweede, byvoorbeeld so:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
Resultaat van die uitvoering van kode:
Herhaal die bladsy volgens hierdie voorbeeld:
Herhaal die bladsy volgens hierdie voorbeeld: