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:

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

Koodin suorituksen tulos: