css - Safari 边框半径在桌子上剪裁

Question

我有一个父元素的边框半径和纯色边框的情况。这在除 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/