2012-10-26 22 views
16

मैं एक div apear बनाने के लिए jQuery का उपयोग करता हूं, जब मैं एक बटन पर क्लिक करता हूं -> पृष्ठभूमि को 0.8 की अस्पष्टता मिलनी चाहिए और प्रकट div उपयोगकर्ता को उसे लॉगिन करने की अनुमति देगा - हर चीज ठीक है जब मैं z- इंडेक्स, लेकिन मेरे पास 4 divs (हेडर, कंटेंट, पाद लेख, और लॉगिन-फॉर्म के साथ div) हैडर में ज़ेड-इंडेक्स होना चाहिए: 3 और सामग्री जेड-इंडेक्स: 2 - अन्यथा छाया अपेक्षित के रूप में काम नहीं करेगी।जेड-इंडेक्स काम नहीं करता है?

jQuery के साथ मैं शरीर के टैग के बाद एक div जोड़ता हूं जिसमें पूर्ण पक्ष होता है - इसलिए मैं अस्पष्टता सेट कर सकता हूं, लेकिन फिर मुझे div-div के लिए div-div के लिए ज़ेड-इंडेक्स सेट करना होगा अस्पष्टता - लेकिन यह काम नहीं करता है। फॉर्म-डीवी का जेड-इंडेक्स 99 9 है, अन्य div में 5

कोई वर्कअराउंड या जेड-इंडेक्स के लिए कुछ है?

+2

हमें एक निश्चित उत्तर देने के लिए HTML और CSS को देखना होगा – Dancrumb

+0

जेड-इंडेक्स मुश्किल है। आपको यह सुनिश्चित करना होगा कि आप जेड-इंडेक्स "उपयोग" करने के लिए तत्व सक्षम करें। 'स्थिति: सापेक्ष;' उन वस्तुओं के लिए जिन्हें आप दस्तावेज़ के प्रवाह में रखना चाहते हैं और 'प्रवाह: पूर्ण;' दस्तावेज़ प्रवाह के बाहर की वस्तुओं के लिए। इसके अलावा, आईई 7 में एक जेड-इंडेक्स "बग" है जो इसके माता-पिता पर इंडेक्स है और माता-पिता जेड-इंडेक्स की तुलना डोम में इसके भाई बहनों से की जाती है। इससे सिरदर्द हो सकता है। – jmbertucci

+0

संभावित डुप्लिकेट [जेड-इंडेक्स क्यों काम नहीं करता है?] (Http://stackoverflow.com/q/9191803/1529630), लेकिन यह नहीं पता कि कोई कोड नहीं है। – Oriol

उत्तर

39

तत्व की स्थिति बदलें।

position: relative; 
+1

यहां प्रलेखन है: http://www.w3schools.com/cssref/pr_pos_z-index.asp – SamHuckaby

+0

पहले ही कोशिश की गई है: -एस - –

+8

@SamHuckaby काम नहीं करता है: यह "दस्तावेज" नहीं है। डब्ल्यू 3 स्कूल्स डब्ल्यू 3 सी नहीं है। वास्तविक दस्तावेज यहां है: http://www.w3.org/TR/CSS21/visuren.html#z-index – BoltClock

2

तुम्हें यकीन position अपने सीएसएस में परिभाषित किया गया है बनाने की जरूरत है। यदि आप z-index को HTML के नियमित तत्व में लागू करने के लिए चाहते हैं तो अपने तत्व में position:relative जोड़ें।

4

पुराना प्रश्न लेकिन अगर कोई अन्य समाधान ढूंढने की बात आती है तो मैं वैसे भी पोस्ट करूंगा।

जेड-इंडेक्स उतना आसान नहीं है जितना यह ध्वनि हो सकता है। Element1 = 999 पर z-index बनाना और element2 = 1 पर हमेशा यह नहीं माना जाता है कि element1 आगे बढ़ने वाला है।

मेरे पास एक ही स्थिति थी, और मैंने जेड-इंडेक्स को jQuery के साथ बदल दिया जब मुझे तत्व के सामने होने की आवश्यकता थी, और यह ठीक काम करता था। इसका मतलब है कि जेड-इंडेक्स उस समय की परवाह करता है जब आपने इसे इंडेक्स दिया था। यदि आप इसे 99 9 का मूल्य देना चाहते हैं, तो इस समय इसे सही दें जब आप इसे आगे बढ़ाना चाहते हैं। यह इसे शीर्ष पर बना सकता है, लेकिन अन्य नियम अभी भी लागू हो सकते हैं, अर्थात्: स्टैकिंग ऑर्डर। यह यहां कवर करने के लिए काफी बड़ा विषय है, इसलिए मैं आपको यहां इंगित करूंगा: http://philipwalton.com/articles/what-no-one-told-you-about-z-index/

4

आपको मूल तत्व के बारे में कुछ करने की आवश्यकता है।

अतिप्रवाह: दृश्यमान;

यह आपको करेगा।

+0

पता नहीं क्यों इस जवाब को सिर्फ एक वोट (मेरा) मिला। यह सिर्फ एक ** बचाया! –

+0

और अब मैंने इसके बारे में सोचा, मुझे एहसास हुआ कि मेरी समस्या ज़ेड-इंडेक्स बिल्कुल नहीं थी। तत्व बस कट गया था क्योंकि यह अपने माता-पिता से बह रहा था ('स्थिति: पूर्ण' का उपयोग कर)। –

+0

@ गिलडबर्नर ग्लेड मैं मदद कर सकता हूं:) – steveluoxin

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