2011-11-28 24 views
6

मैं अपने पेज पर जेड-इंडेक्स का उपयोग कर रहा हूं (-लिंक की आवश्यकता नहीं है-), और यह ठीक से काम नहीं करता है: यह कुछ अन्य div के ऊपर कुछ divs नहीं रखता है ..सीएसएस - जेड-इंडेक्स ठीक से काम नहीं कर रहा है

आप बाएं, या दाएं बार में से किसी एक आइटम पर क्लिक करके इसे स्वयं देख सकते हैं। फिर, मुखौटा फीका होगा, लेकिन इसके नीचे संदेश बॉक्स दिखाएं। मैंने बहुत कोशिश की है, लेकिन मुझे बस अन्य सभी के ऊपर दिखाने के लिए संदेश बॉक्स नहीं मिल रहा है ...

इसे ठीक करने के लिए मैं क्या कर सकता हूं?[टिप्पणी: नीचे 2 सवाल]

आप पृष्ठ की जाँच नहीं करना चाहते हैं, तो संदेश बॉक्स कुछ अन्य divs में स्थित है:

<div> 
<div> 
    <div>message box</div> 
</div> 
</div> 

सीएसएस स्थिति इस तरह है:

.window { 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: 100; 
} 

मैं स्थिति का उपयोग करें: तय है, क्योंकि स्थिति: पूर्ण यहाँ पूर्ण नहीं है, div शरीर के लिए गठबंधन नहीं है, लेकिन किसी भी तरह कुछ और। क्या स्थिति और पूर्ण स्थिति को दोबारा रीसेट करने का कोई तरीका है?

+11

जेड-इंडेक्स केवल तभी काम करता है जब यह उसी प्रकार की स्थिति वाले तत्वों पर लागू होता है। तो यदि एक तत्व पूर्ण या किसी अन्य स्थिति के माध्यम से डोम से बाहर है तो उसके जेड-इंडेक्स डोम के अन्य तत्वों के सापेक्ष नहीं होंगे बल्कि केवल उन तत्वों के लिए होंगे जिनके समान स्थिति प्रकार है। – Ryan

+0

ओह ठीक है, तो एक निश्चित वस्तु सिर्फ एक पूर्ण वस्तु को ओवरलैप नहीं कर सकती है? – laarsk

+2

सही है क्योंकि जेड-इंडेक्स और डोम के अनुसार वे वास्तव में एक-दूसरे के सापेक्ष नहीं हैं और वास्तव में क्योंकि एक पूर्ण वस्तु डोम से बाहर है, निश्चित व्यक्ति इसे इसके शीर्ष पर जाने के लिए भी नहीं जानता है। – Ryan

उत्तर

2

आप jQuery जाँच top Z Index Plug In का उपयोग कर रहे हैं, तो आप यह जब वस्तु की तरह घटना पर माउस है आवेदन कर सकते हैं:

<div id="modal" onmouseover="$(this).topZIndex();"></div> 

फिर भी jQuery या viceversa के साथ पूर्ण करने के लिए स्थिति को बदलने:

$(document).ready(function(){ $('#modal').css('position','absolute'); }); 
+0

हमम, ऐसा प्रतीत नहीं होता काम करने के लिए ... मैंने एक और jQuery स्क्रिप्ट में शामिल किया है, लेकिन अब यह मुझे त्रुटि देता है जो लॉन्च विन्डो को परिभाषित नहीं किया गया है ... कोई सुराग क्या करना है? इसके अलावा, स्थिति को 'निश्चित' होना चाहिए, जैसा कि मैंने ऊपर वर्णित किया है , क्या यह भी काम करेगा? – laarsk

+1

अब मैंने लाइन '<स्क्रिप्ट टाइप = "टेक्स्ट/जावास्क्रिप्ट" src = "स्क्रिप्ट/jquery.topzindex.min पंक्ति डाली है।जेएस "> 'अन्य स्क्रिप्ट के ऊपर, और कोई और त्रुटि नहीं दिखाती है। हालांकि, जेड-इंडेक्स समस्या अभी भी वही है ... – laarsk

+0

क्या div iframe या अन्य div के अंदर div है? – raphie

1

screenshot

अगर आप से #leftbar यह आपकी समस्या को ठीक करता है z- सूचकांक को हटा दें। स्थिति तब तक कोई फर्क नहीं पड़ता जब तक आपके पास कोई नहीं है।

+0

दुर्भाग्यवश, शेष पृष्ठ के लिए जेड-इंडेक्स की आवश्यकता है :(शायद आप एक और समाधान जानते हैं? – laarsk

+0

जब आप पॉपअप खोलते हैं, तो हटा दें # बाएंबार जेड-इंडेक्स, कब आप पॉपअप बंद करते हैं, इसे फिर से जोड़ें। :) – Michael

+0

एक और समाधान 3 कॉलम लेआउट होगा जहां आपका नक्शा 100% चौड़ाई नहीं है तो आपको कॉलम पर जेड-इंडेक्स की आवश्यकता नहीं होगी। – Michael

18

जब तक मुझे याद है, ज़ेड-इंडेक्स मुद्दे अक्सर जेड-इंडेक्टेड तत्वों के माता-पिता की तुलना में तथ्य से नहीं आते हैं। भाई माता-पिता को तैनात किया जाना चाहिए।

संबंधित मुद्दे