अभिभावक तत्व

Question

की तुलना में एक बच्चे तत्व को उच्च जेड-इंडेक्स कैसे देना है I z-indexing के साथ एक छोटी सी समस्या में चला गया है।

मेरे पास एक शीर्षलेख है और उस लिंक के अंदर। हेडर में 5 का जेड-इंडेक्स है, और लिंक में 15 का जेड-इंडेक्स है। जब मैं एक मोडल खोलता हूं, तो अंधेरा ओवरले शीर्षलेख से ऊपर होना चाहिए, इसलिए मैंने इसे 10 का जेड-इंडेक्स दिया। समस्या यह है कि शीर्षलेख के भीतर का लिंक ओवरले से ऊपर होना चाहिए, लेकिन यह इसके पीछे है। मैंने लिंक को रिश्तेदार की स्थिति भी दी है, लेकिन यह कुछ भी नहीं करता है।

क्या कोई मुझे इस समस्या से मदद कर सकता है?

Answer 1

z-index एक ही माता-पिता के भाई बहनों के सापेक्ष है। वांछित प्रभाव बनाने के लिए आपको <header> में <a> लेना होगा।

माता पिता मोडल की तुलना में कम z-index है, यह सब कुछ मोडल के पीछे की परवाह किए बिना हो जाएगा, बच्चों के z-index

कृपया यह भी एक jsFiddle देते हैं या कुछ और तो हम बताएंगे कि कैसे इसे ठीक कर सकते हैं।

Answer 2

आप मूल डीआईवी जेड-इंडेक्स दे सकते हैं: विरासत div के अंदर वारिस और आपका तत्व। ज़ेड-इंडेक्स उच्चतर ओवरले।

Answer 3

किसी और कभी किसी को भी इस समस्या है, यहाँ एक संभव समाधान है: http://jsfiddle.net/flobar/r6zeoc0y/

मैं क्या मैं एक कंटेनर के रूप में header किया करते थे। इसके बाद मैंने अलग-अलग z-index के साथ पृथक div के ओवरले के नीचे और ऊपर होने वाले तत्वों को अलग किया। मैंने का उपयोग header के भीतर सही ढंग से करने के लिए भी किया था। इस तरह आप माता-पिता के जेड-इंडेक्स को प्राप्त करने वाले बच्चों के मुद्दे में भाग नहीं लेते हैं।