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:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
A kód végrehajtásának eredménye:
Ismételje meg az oldalt a mintának megfelelően:
Ismételje meg az oldalt a mintának megfelelően: