सीमा-त्रिज्या काम नहीं कर रहा

Question

मैं मूल div पर काम कर रहा हूं और कुछ असाधारण कारणों से, border-radius: 7px इसके लिए आवेदन नहीं कर रहा है।

.panel { 
    float: right; 
    width: 120px; 
    height: auto; 
    background: #fff; 
    border-radius: 7px; // not working 
} 

Answer 1

जिनके पास यह समस्या हो सकती है। मेरी समस्या सीमा-पतन था। यह करने के लिए स्थापित किया गया था:

border-collapse: collapse; 

मैं के लिए सेट:

border-collapse: separate; 

और यह समस्या का समाधान हो।

Answer 2

अब मैं इस तरह ब्राउज़र किट का उपयोग कर रहा हूँ:

{ 
border-radius: 7px; 
-webkit-border-radius: 7px; 
-moz-border-radius: 7px; 
} 

Answer 3

किसी कारण अपने गद्दी के लिए: 7px सेटिंग बॉर्डर-त्रिज्या को समाप्त करते हुये है। यह padding: 0px 7px

Answer 4

अपने div class में

के लिए परिवर्तित करें = "सामाजिक-बॉक्स"

उपयोग

  float:right 

बजाय

   float:left 

Answer 5

आपकी समस्या का सीएसएस कैसे आप border-radius निर्धारित किया है से संबंधित नहीं है । क्रोम को फायर करें और Ctrl+Shift+j दबाएं और तत्व का निरीक्षण करें। width अनचेक करें और सीमा घुमावदार कोनों होगा।

Answer 6

किसी को जो भविष्य में इस समस्या भर आता है के लिए, मैं तत्व है कि मैं करने के लिए बॉर्डर की त्रिज्या को लागू करने के लिए किया गया था

perspective: 1px; 

जोड़ने के लिए किया था। अंतिम काम कर कोड:

.ele-with-border-radius { 
    border-radius: 15px; 
    overflow: hidden; 
    perspective: 1px; 
} 

Answer 7

प्रयास करें महत्वपूर्ण जोड़ने अपने सीएसएस करने के लिए!। यह मेरे लिए काम कर रहा है।

.panel { 
    float: right; 
    width: 120px; 
    height: auto; 
    background: #fff; 
    border-radius: 7px!important; 
}