Z-akselin suunnassa tapahtuvan elementtien limittymisen säätely CSS:ssä
Elementtien limittymisjärjestystä voidaan säätää
käyttämällä z-index-ominaisuutta, joka hyväksyy
positiivisia tai negatiivisia kokonaislukuja
tai nollan arvokseen. Ominaisuus toimii vain
niille elementeille, joiden position-ominaisuuden
arvo on asetettu absolute, fixed
tai relative.
Kun tätä ominaisuutta käytetään, elementtien
limittymissääntö on seuraava: ylimmäksi tulee
se elementti, jonka z-index-arvo on suurempi.
Muutetaan edellisen esimerkin elementtien
limittymisjärjestystä. Asetetaan ensimmäiselle
elementille z-index-arvo suuremmaksi
kuin toiselle, esimerkiksi näin:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
Koodin suorituksen tulos:
Toteuta sivu seuraavan esimerkin mukaisesti:
Toteuta sivu seuraavan esimerkin mukaisesti:
