CSS में Z-अक्ष पर तत्वों के ओवरलैप को नियंत्रित करना
तत्वों के ढेर (stacking) के क्रम को z-index गुण का उपयोग करके नियंत्रित किया जा सकता है,
जो सकारात्मक या नकारात्मक पूर्णांक, या शून्य को अपने मान के रूप में स्वीकार करता है। यह गुण केवल उन्हीं तत्वों के लिए काम करता है
जिनके लिए position गुण का मान absolute, fixed
या relative के रूप में सेट है।
इस गुण का उपयोग करते समय, तत्वों के ढेर का नियम
निम्नलिखित है: वह तत्व ऊपर होगा
जिसका z-index
मान अधिक हो।
आइए पिछले उदाहरण के तत्वों के ढेर के क्रम को बदलें।
इसके लिए पहले तत्व का z-index दूसरे तत्व से अधिक सेट करें,
उदाहरण के लिए, इस तरह:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
कोड निष्पादन का परिणाम:
इस नमूने के अनुसार पृष्ठ को दोहराएँ:
इस नमूने के अनुसार पृष्ठ को दोहराएँ:
