सीमा नहीं दिखाई दे रहा निरंतर

Question

मैं एक चाप इस तरह बॉर्डर-त्रिज्या का उपयोग कर (क्रोम में)

#elem { 
    border: 2px solid orange; 
    border-bottom: none; 

    width: 440px; 
    height: 60px; 
    border-top-right-radius: 220px 60px; 
    border-top-left-radius: 222px 60px; 
} 

बनाने के लिए कोशिश कर रहा हूँ लेकिन चाप लगातार नहीं है। अगर मैं सीमा-नीचे की संपत्ति को हटा देता हूं (जो नीचे की सीमा को भी दृश्यमान बनाता है) यह निरंतर बन गया। पारदर्शी के लिए नीचे-सीमा रंग बनाना भी मदद नहीं करता है।

उदा। http://jsfiddle.net/kFxec/9/

यह समझने में सक्षम नहीं है कि यहां क्या गलत है?

मैं केवल क्रोम के लिए यह कोशिश कर रहा हूं। फ़ायरफ़ॉक्स

में ठीक काम करता है

Answer 1

मैं कहूंगा कि यह बग किसी तरह का है। नीचे सीमा से संबंधित लगता है। यह इस सीएसएस

#elem { 
    border: 2px solid orange; 
    border-bottom: none; 

    width: 440px; 
    height: 60px; 
    border-top-right-radius: 220px 60px; 
    border-top-left-radius: 222px 60px; 
    border-bottom-left-radius: 2px; 
    border-bottom-right-radius: 2px; 
} 

साथ गायब हो जाता है क्या आप शीर्ष सीमा काटने को देखने के चारों ओर विचित्र बातें कर रही निचली सीमा लगती है। लेकिन इसे एक मध्यम त्रिज्या देना किसी भी तरह से व्यवहार करता है। (मैं पता नहीं क्यों)

fiddle

Answer 2

आप कर सकते थे बॉक्स छाया के साथ बजाय नकली सीमा: http://jsfiddle.net/ZC2m2/

#elem { 
    box-shadow:0 -2px 0 orange; 
    width: 440px; 
    height: 60px; 
    border-top-right-radius: 220px 60px; 
    border-top-left-radius: 222px 60px; 
}