क्या यह CSS3 के साथ एक बग है: CSS3 ढाल

Question

के साथ गोलाकार कोनों में मैं एक ऐसे मुद्दे पर चल रहा हूं जहां गोलाकार कोनों के साथ बाहरी div की सीमा एक CSS3 ग्रेडियेट के साथ एक आंतरिक तत्व द्वारा कट ऑफ हो रही है। क्या यह CSS3 के साथ एक बग है - यदि हां, तो मैं खुशी से एक बग-रिपोर्ट सबमिट करूंगा।

यदि नहीं, तो मैं इसे कैसे ठीक करूं? यहाँ

स्रोत & डेमो: http://jsfiddle.net/joshuamcginnis/2aJ8X/

स्क्रीनशॉट:

Answer 1

समस्या ढाल नहीं है - अपने <h2> तत्व को देखने के लिए एक ठोस पृष्ठभूमि दें। इसके बजाय, आपको <h2> के साथ-साथ रैपिंग <div> के कोनों को गोल करने की आवश्यकता है।

border-radius: 10px 10px 0 0; जोड़ें और उचित विक्रेता-विशिष्ट संस्करण <h2> स्टाइल में जोड़ें और यह सब काम करता है।

Answer 2

यह पृष्ठभूमि ढ़ाल के लिए विशिष्ट नहीं है। यह गोलाकार कोनों के शीर्ष पर बैठे एच 2 तत्व ओवरलैपिंग की पृष्ठभूमि है। मैं नहीं यह सख्ती से एक बग है, लेकिन यह काफी अच्छी तरह से जाना जाता है। सबसे आसान 'फिक्स' पृष्ठभूमि के साथ तत्व के कोनों को गोल कर रहा है। Example: just setup for chrome

Answer 3

अतिप्रवाह: छुपा;

काम नहीं करता है, लेकिन यह करता है:

h2 
{ 
    position:relative; 
    z-index:-1; 
.... 
}