这是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

溢出：隐藏 不起作用

但是这样做：

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

Answer 3

它不是特定于背景渐变的。 它只是h2元素重叠在圆角顶部的背景。 从最严格的意义上讲，我不确定这是一个错误，但是众所周知。 最简单的“修复”是将元素与背景圆角化。 示例：仅设置Chrome