css - table 上的 Safari 边框半径剪裁

Question

我遇到这样一种情况，父元素的 border-radius 带有纯色边框。这在除 Safari (5.1.7) 之外的所有浏览器中都按预期工作。在 Safari 中，子元素的背景颜色渗入边框，而 background-clip 似乎无济于事。我看到其他人有类似的问题已解决，这是表的问题吗？关于为什么剪辑不正确应用的任何想法？

http://jsfiddle.net/q3NF9/2/

Answer 1

尝试添加以下 CSS:

thead th:first-child {
   border-top-left-radius: 15px;
}
thead th:last-child {
   border-top-right-radius: 15px;
}

参见示例: http://jsfiddle.net/q3NF9/8/