这是CSS3的错误吗?CSS3渐变的圆角

Question

我遇到了一个问题，一个带有圆角的外部div的边框被一个内部元素与一个CSS3食物切断了。这是CSS3的错误吗?如果是的话，我会很高兴地提交一个bug报告。

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

来源与演示：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元素重叠的背景。我不确定这是一个严格意义上的错误，但它是众所周知的。最简单的“修复”是用背景包围元素的角。示例:只需设置铬