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

我遇到了一个问题，带圆角的外部div的边界被带CSS3梯度的内部元素截断。这是CSS3的错误吗？如果是，我很乐意提交错误报告

如果没有，我如何修复此问题

此处的来源和演示：

屏幕截图：

---

它不是特定于背景渐变的。它只是位于圆角顶部的h2元素重叠的背景。我不确定这是严格意义上的一个bug，但它是众所周知的。最简单的“修复”是用背景将元素的角舍入

问题不在于渐变-给你的

元素一个坚实的背景让它看。相反，您需要将

和包装

的角磨圆

---

添加

边框半径：10px 10px 0

和相应的供应商特定版本，以符合

样式，并且所有功能都有效。

溢出：隐藏；不起作用

但这确实：

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

---

当你将不同元素的背景设置为圆角时，这是一个相当常见的问题。这个解决方案适用于除IE之外的所有浏览器。我只在IE9中尝试过，在IE9中，渐变填充似乎“流过”边界。（或者我遗漏了什么？）。。。