Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m running into an issue where the border of an outer div with rounded-corners is getting cut-off by an inner element with a CSS3 gradiet. Is this a bug with CSS3 – if so, I’ll happily submit a bug-report.
If not, how do I fix this?
Source & Demo here:
http://jsfiddle.net/joshuamcginnis/2aJ8X/
Screenshot:
The problem isn’t the gradient – give your
<h2>element a solid background to see. Instead, you need to round the corners of the<h2>as well as of the wrapping<div>.Add
border-radius: 10px 10px 0 0;and the appropriate vendor-specific versions to the<h2>styling and it all works.