2013-01-20 22 views
5

इस डोम की कल्पना करते हैं:जेड सूचकांक: तत्व अपने माता-पिता के भाई के नीचे जा

<header> 
    <h1> header </h1> 
    <!-- other elements --> 
    <nav> 
     nav 
    </nav> 
</header> 

<div> 
    content 
</div> 

दोनों शीर्षक और एनएवी fixed के रूप में तैनात हैं। सामग्री div relative के रूप में स्थित है। मैं स्टैक बनाने के लिए, की जरूरत है, z- सूचकांक के साथ इस क्रम में (ऊपर से नीचे तक):

  • हैडर *: नहीं (एनएवी)
  • सामग्री
  • एनएवी

मुझे नीचे में नौसेना डालने में कठिनाई हो रही है (दूसरे शब्दों में, अपने माता-पिता के भाई के नीचे)। मैं सोच रहा हूं कि सभी हेडर के बच्चों को या तो शीर्ष पर या अपने भाई के नीचे जाना है ... क्या यह सही है? यदि हां, तो क्या इस स्थिति के लिए कोई समाधान है?

उत्तर

5

केवल सामग्री है कि "तैनात" जैसे position: absolute या position: fixed या position: relativez-index का सम्मान करेंगे। चूंकि आपका एचटीएमएल संरचित है, आप जो भी मांग रहे हैं वह आप नहीं कर सकते क्योंकि माता-पिता/बच्चे का भी सम्मान किया जाता है, इसलिए एक बच्चे को माता-पिता में होना पड़ता है (यह माता-पिता बनाम पूरी तरह से अलग-अलग जेड-इंडेक्स नहीं हो सकता है) । जो भी आप चाहते हैं उसे करने के लिए, आपको navheader से बाहर तोड़ना होगा और फिर उनमें से प्रत्येक का अपना z-index होगा, एक ऊपर और एक सामग्री के डिफ़ॉल्ट शून्य जेड-इंडेक्स के नीचे एक होगा।

+0

मुझे आशा थी कि उसे उस पर आने की आवश्यकता नहीं होगी, लेकिन मैंने हेडर से एनवी को तोड़ दिया। – dcastro

+0

** केवल सामग्री है कि स्थिति है: पूर्ण या स्थिति:। तय z- सूचकांक का सम्मान करेंगे ** यह बहुत गलत है। और यहां https://philipwalton.com/articles/what-no-one-told-you-about-z-index/ ** से एक उद्धरण है ** सबसे पहले, जेड-इंडेक्स केवल तैनात तत्वों पर काम करता है। यदि आप किसी तत्व पर किसी जेड-इंडेक्स को निर्दिष्ट करने की कोशिश नहीं करते हैं, तो यह कुछ भी नहीं करेगा। दूसरा, जेड-इंडेक्स वैल्यू स्टैकिंग संदर्भ बना सकते हैं, और अब अचानक जो लग रहा था वह बहुत अधिक जटिल हो गया। ** तो '' 'स्थिति: सापेक्ष'' भी काम करता है। शायद दूसरों को भी। – atilkan

+0

@atilkan - मैंने अपने उत्तर में 'स्थिति: रिश्तेदार' जोड़ा। – jfriend00

0

इसके लिए एकमात्र कामकाज, आपके डोम लेआउट के साथ नकारात्मक जेड-इंडेक्स मानों का उपयोग करना है। हालांकि, नकारात्मक मूल्य का उपयोग करने के लिए यह अत्यधिक अनुशंसा नहीं की जाती है, जैसे नकारात्मक मार्जिन मानों का उपयोग करने की अनुशंसा नहीं की जाती है।

आपके डीओएम को पुनर्गठित करने का एक बेहतर समाधान होगा। आपको this उपयोगी मिल सकता है। यह जेड-इंडेक्स संपत्ति का उपयोग करने के अनुशंसित तरीकों को बताता है।

उम्मीद है कि यह आपकी मदद करता है!