这是CSS3的一个错误:CSS3渐变的圆角

Question

我遇到了一个问题,一个带有圆角的外部div的边框被一个带有CSS3渐变的内部元素切断.这是CSS3的一个错误 - 如果是这样,我会很高兴地提交错误报告.

如果没有,我该如何解决这个问题？

来源和演示:http: //jsfiddle.net/joshuamcginnis/2aJ8X/

截图:

Answer 1

问题不在于渐变 - 给你的<h2>元素一个坚实的背景来看.相反,你需要围绕<h2>包装的角落<div>.

border-radius: 10px 10px 0 0;在<h2>样式中添加适当的特定于供应商的版本,这一切都有效.