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:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
Resultat av kjøring av koden:
Gjenskap siden etter dette eksempelet:
Gjenskap siden etter dette eksempelet:
