मेरे पास "सीमा-शीर्ष-बाएं-त्रिज्या: 500px 20px;" द्वारा अलग किए गए दो div तत्व हैं। और "बॉर्डर-टॉप-राइट-रेडियस: 500px 20px;"। मेरी समस्या उस त्रिज्या के कारण पिछले div तत्व के रंग से सफेद स्थान को भरना है। यहां मेरी समस्या की एक तस्वीर है। जैसा कि आप देख सकते हैं, इसमें सफेद जगह है दो divs के बीच कोनों मुझे ऊपरी div से ग्रे रंग भरने की जरूरत है।

.upper {
    background-color: grey;
    overflow:hidden;
}

.downer {
    border-top-left-radius: 500px 20px;
    border-top-right-radius: 500px 20px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
css
0
Opie Winston 8 अगस्त 2018, 02:36
1
कोड कोड कोड कोड कोड...
 – 
Johannes
8 अगस्त 2018, 02:52
क्या आप अपना एचटीएमएल और सीएसएस कोड पोस्ट कर सकते हैं
 – 
Seva Kalashnikov
8 अगस्त 2018, 02:53
मैंने कोड अपडेट के साथ अपना प्रश्न संपादित किया। मुझे आशा है कि अब आप मेरी मदद कर सकते हैं।
 – 
Opie Winston
8 अगस्त 2018, 03:01

3 जवाब

सबसे बढ़िया उत्तर

मैंने दूसरी div में ओवरलैप विधि position: relative; और bottom: 18px; को जोड़कर अपनी समस्या का समाधान किया। तो दूसरे डिव का css कोड इस तरह दिखता है

.downer {
   position: relative;
   bottom: 18px;
   border-top-left-radius: 500px 20px;
   border-top-right-radius: 500px 20px;
   border-bottom: none;
   border-left: none;
   border-right: none;

}

0
Opie Winston 8 अगस्त 2018, 15:44

आपको ऊपरी और नीचे के माता-पिता के लिए पृष्ठभूमि-रंग को ग्रे पर और नीचे के लिए पृष्ठभूमि-रंग को सफेद पर सेट करने की आवश्यकता है

-1
Dusan Radovanovic 8 अगस्त 2018, 03:09
उदाहरण के लिए जब मैं तीसरा डिव जोड़ता हूं और मैं चाहता हूं कि तीनों डिव अलग-अलग रंग में हों, तो मैं आपके सुझाव के साथ ऐसा नहीं कर सकता।
 – 
Opie Winston
8 अगस्त 2018, 12:39
आप तीसरे डिव के लिए अपने इच्छित रंग के लिए पृष्ठभूमि-रंग सेट कर सकते हैं और आपका काम हो गया
 – 
Dusan Radovanovic
8 अगस्त 2018, 12:48
डिव बॉर्डर के आसपास का सफेद स्थान कुछ बहरा रंग नहीं है, यह पैरेंट डिव का बैकग्राउंड-कलर है
 – 
Dusan Radovanovic
8 अगस्त 2018, 12:49

मेरे मामले के लिए ठीक काम कर रहा है ** त्रिज्या कुछ जगह लेती है इसलिए हमें और चौड़ाई चाहिए ताकि 101% के साथ क्यों सेट किया जाए

.upper {
    
    with: 50px; /// set according to your requirement
}
.downer {
 position: relative;
    width:101% !important;
    max-width: 101% !important;
    flex: 0 0 101% !important;
    margin: -0.1rem;
  
}
0
Aamir Hussain 24 सितंबर 2021, 11:34