सीएसएस

Question

का उपयोग कर मूल तत्व के ऊपर बाल तत्व दिखाएं मेरे पास दो divs हैं, एक दूसरे के अंदर घोंसला है। मूल तत्व की परिभाषित चौड़ाई/ऊंचाई होती है। मैं केवल सीएसएस का उपयोग कर अभिभावक (इसके बाहर) के ऊपर बाल div कैसे दिखा सकता हूं?

संपादित करें: क्षमा करें, शायद मुझे यह स्पष्ट करना चाहिए कि मेरा मतलब है "ऊपर" z अक्ष के साथ। और हाँ, मैंने पहले से ही जेड-इंडेक्स की कोशिश की है। मेरी समस्या यह है कि जब बच्चे का तत्व माता-पिता से बड़ा होता है, तो इसका परिणाम "फ्रेम" या "विंडो" प्रभाव में होता है, जो div के भाग को काटता है।

Answer 1

माता पिता div पर सेट overflow: visible;।

#parent { 
    overflow: visible; 
} 

प्रश्नकर्ता के अपडेट को प्रतिबिंबित करने के लिए बदला गया।

Answer 2

क्या आप वाकई ऐसा करने की जरूरत है, तो डाल कोशिश कर रहे हैं

मार्जिन टॉप: -100px; बच्चे के तत्व पर या फिर ऊपर दिखाई देने के लिए कई पीएक्स की आवश्यकता है।

Answer 3

आप स्थिति परिभाषा का उपयोग पृष्ठ पर अपेक्षाकृत या बिल्कुल स्थिति में करने के लिए कर सकते हैं। आईई:

इसे सीधे ऊपर दिखाने के लिए आप इस बॉक्स में 100px को बाल बॉक्स के आकार के साथ प्रतिस्थापित करेंगे।

.child { 
position: absolute; 
margin: -100px; 
} 

स्थिति का उपयोग करना::

 
.child{ 
    position: relative; 
    top: -100px; 
} 

Answer 4

इसे इस तरह करते हैं निरपेक्ष खाली जगह बच्चे द्वारा छोड़ा जब यह ऊपर स्थानांतरित कर दिया जाता है से छुटकारा मिल जाएगा।

संपादित करें - अपना अपडेट पढ़ने के बाद: स्थिति: अभी भी इस स्थिति के लिए पूर्ण लागू होता है। यह बच्चे को माता-पिता से बाहर ले जाता है। फिर आप मार्जिन का उपयोग यह निर्धारित करने के लिए करते हैं कि आप कैसे चाहते हैं।

इस तरह आप बच्चे को माता-पिता से ऊपर और उसके ऊपर बड़ा कर सकते हैं।

.parent{ 
height: 50px; 
width: 50px; 
} 
.child { 
position: absolute; 
height: 100px; 
width: 100px; 
margin: -75px 0 0 -75px; 
} 

Answer 5

चाचा ने जो कहा, उसके समान, आपको माता-पिता को रिश्तेदार और बच्चे को पूर्ण स्थिति की स्थिति देनी चाहिए, फिर बच्चे को शीर्ष दें: -100 पीएक्स।

क्या माता-पिता के पास अतिप्रवाह छिपाने के लिए सेट है? इससे आपके प्रयासों में बाधा आ सकती है।

Answer 6

आप अपने मूल तत्व के लिए नकारात्मक मार्जिन सेट कर सकते हैं, पैडिंग द्वारा ऑफ़सेट - उदाहरण के लिए, मार्जिन-बाएं: -100 पीएक्स; पैडिंग-बाएं 100 पीएक्स। यह आपको बाईं ओर 100px देगा जहां बच्चा ओवरलैप कर सकता है और अभी भी शीर्ष पर हो सकता है।