2012-08-13 15 views
8

क्या के अतिप्रवाह को छिपाने का कोई तरीका है div एक कंटेनर के साथ? मैंने सोचा कि तय के अंदर तय किया जाएगा, लेकिन ऐसा लगता है कि यह मामला नहीं है। एकमात्र कामकाज जिसे मैं सोच सकता हूं "उलटा हुआ" मुखौटा है: अन्य निश्चित divs सब कुछ छिपाने लगभग एक, लेकिन अगर कोई अन्य समाधान हो तो यह बेहतर होगा। http://jsfiddle.net/pjFa6/1/निश्चित स्थिति वाले तत्वों पर ओवरफ़्लो छुपाएं

+0

आंतरिक div से तय निकालें, और उन्हें 'स्थिति: सापेक्ष;' जोड़ें। http://jsfiddle.net/pjFa6/12/ – Jeemusu

+0

प्रश्न केवल निश्चित स्थिति के साथ divs को संदर्भित करता है। – Yisela

+0

उस मामले में केवल एक चीज जिसे मैं सोच सकता हूं वह आंतरिक div को निश्चित के बजाय पूर्ण स्थिति में सेट कर रहा है। http://jsfiddle.net/pjFa6/15/। आप एक निश्चित तत्व घोंसला नहीं कर सकते हैं और जहां तक ​​मैं बता सकता हूं कि इसमें इसके रैपिंग तत्व के भीतर निहित है। आपको इसे मुखौटा करना होगा, जो बहुत अच्छा नहीं होगा। – Jeemusu

उत्तर

8

दुर्भाग्य से यह एक और तत्व (फिक्स्ड या नहीं) के भीतर एक निश्चित तत्व घोंसला करने के लिए असंभव हो सकता है और बाहरी तत्व लपेट और किसी भी अतिप्रवाह को छिपाने के लिए उम्मीद लगता है:

यहाँ बेला है।

केवल एक चीज जिसे मैं सोच सकता हूं वह आंतरिक div को position:absolute पर तय करने के बजाय सेट कर रहा है। यहां आपके जेएसफ़िल्ड पर आधारित एक उदाहरण दिया गया है: jsfiddle.net/pjFa6/15

+2

अरघ, मेरी इच्छा है कि यह स्थिति 'निश्चित' के साथ संभव हो। वहाँ एक रास्ता होना चाहिए ... – frhd

+0

इसके बजाय यह प्राप्त करने योग्य है .. यहां देखें [http://stackoverflow.com/questions/12463658/parent-child-with-position-fixed-parent-overflowhidden-bug](http:/ /stackoverflow.com/questions/12463658/parent-child-with-position-fixed-parent-overflowhidden-bug) –

0

कंटेनर में z-index: any value; कथन के साथ क्रोम जैसे कुछ वेबकिट ब्राउज़र में किया जाएगा।

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