अभिभावक डीआईवी में गोलाकार कोनों को बाल डीआईवी

Question

प्रभावित नहीं कर रहा है, इसलिए, मैं CSS3 में गोलाकार कोनों का उपयोग करने के साथ प्रयोग कर रहा हूं (आईई में नहीं, अगर यह वहां काम करता है तो परवाह नहीं है), और मेरे पास DIV है जहां मेरी सभी सामग्री बहुत अच्छा लग रहा है। मेरी समस्या यह है कि बच्चे डीआईवी हैं जिन्हें माता-पिता के गोलाकार कोनों द्वारा "मुखौटा" नहीं मिल रहा है। मैं बच्चे को गोलाकार कोनों का उत्तराधिकारी नहीं ढूंढ रहा हूं। मैं सिर्फ माता-पिता के अंदर कोई सामग्री नहीं दिखाना चाहता हूं, जहां यह गोल किया गया हो, जैसे कि इसे मुखौटा किया गया हो। मैंने "ओवरफ्लो: छुपा;" का उपयोग करने की कोशिश की, लेकिन ऐसा लगता है कि यह चाल नहीं है।

क्या किसी के पास कोई विचार है कि गोलाकार कंटेनर डीआईवी के बच्चों को माता-पिता डीआईवी द्वारा सॉर्ट किया जा सकता है? यदि यह किसी भी प्रयोग का है, तो मैं "स्थिति: पूर्ण;" का उपयोग कर रहा हूं माता-पिता डीआईवी पर। यकीन नहीं है कि इससे कोई फर्क पड़ेगा।

धन्यवाद!

Answer 1

div पर पैडिंग का उपयोग करें। यदि आप त्रिज्या के बराबर पैडिंग करते हैं तो आपको किसी भी ओवरलैप या गोलाकार क्षेत्रों में दिखाई देने वाली सामग्री के बारे में चिंता करने की ज़रूरत नहीं है।

<style> 
.round{ 
border-radius:10px; 
padding:10px; 
background-color:red; 
} 
</style> 

<div class="round">Rounded Corners</div> 

यहाँ एक उपयोगी साइट है कि CSS3 सीमा त्रिज्या के बारे में सभी बात करती है: http://www.css3.info/preview/rounded-border/।

Answer 2

मूल तत्व में overflow: hidden; जोड़ने का प्रयास करें। यह मेरे लिए समस्या तय की।