z- सूचकांक से व्यवहार नहीं कर के रूप में मैं

Question

तो मैं इस मिल गया है उम्मीद थी, मोटे तौर पर:

<div id="A"> 
    <ul> 
     <li id="B">foo</li> 
    </ul> 
</div> 
<div id="C"> 
    ... 
</div> 

ये इतना है कि बी और सी ओवरलैप तैनात हैं।

एक 90 के z-index, बी 92 के z-index है है, और सी 91 के z-index है। लेकिन सी बी के सामने दिखाई देता है मैं क्या गलत कर रहा हूँ? (मुझे पता है कि अगर और अधिक विस्तार के लिए आवश्यक है करते हैं।)

Answer 1

z-index का उपयोग करते हुए एक ही कंटेनर में तत्वों के लिए ही प्रासंगिक है। के बाद से बी ए के अंदर निहित है, बी के z- सूचकांक केवल जब ए जहां तक ​​सी का संबंध है, दोनों बी और एक z- सूचकांक 90. हालांकि पर गाया जाता है के अंदर अन्य तत्वों को दूर करने अगर सी, एक अंदर रखा जाता है तो बी लागू होगी सामने प्रस्तुत करेंगे।

Answer 2

एक तत्व कोई स्थिति है: रिश्तेदार/स्थिति: पूर्ण/स्थिति: स्थिर जो सभी तत्वों के लिए डिफ़ॉल्ट स्थिति शैली है: निश्चित शैली, यह स्थिति है। स्थिर, z- सूचकांक बस काम नहीं करता:

एक तत्व जो स्थिति है के साथ । ब्राउज़र एक्सएमएल तत्व के क्रम में ढेर प्रस्तुत करेगा और जेड-इंडेक्स संपत्ति को अनदेखा करेगा। सभी 3 तत्वों, ए, बी, सी

यहाँ करने के लिए z- सूचकांक और सीएसएस स्टैकिंग, सिर के बारे में अधिक समझने के लिए के सापेक्ष:

काम करने के लिए इस तरह एक स्थिति के लिए, आप स्थिति जोड़ने के लिए http://www.tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp