A Z-tengely menti elemek egymásra helyezésének szabályozása CSS-ben

Az elemek egymásra helyezésének sorrendje szabályozható a z-index tulajdonsággal, amely egész, pozitív vagy negatív számokat, vagy nullát vesz fel. A tulajdonság csak azokra az elemekre vonatkozik, amelyeknél a position tulajdonság értéke absolute, fixed vagy relative.

A tulajdonság használatakor az elemek egymásra helyezésének szabálya a következő: felül lesz az az elem, amelynek a z-index értéke nagyobb.

Változtassuk meg az előző példa elemeinek egymásra helyezési sorrendjét. Ehhez az első elemnek adjunk nagyobb z-index értéket, mint a másodiknak, például így:

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

A kód végrehajtásának eredménye: