Firefox忽略表格单元格上的边框左上半径

Question

我遵循CSS3规则：

.acpTable thead tr th:first-child {
    border-top-left-radius: 9px;
}

.acpTable thead tr th:last-child {
    border-top-right-radius: 9px;
}

在DOM中，我有一个类acpTable的表，并通过jQuery添加tHead元素。 在目前的Chrome浏览器中它可以工作，在当前的Firefox中没有。我做错了什么？

选择器工作，我测试了“背景：绿色”，正确的细胞将被着色。

铬：

http://puu.sh/8qYPC/274d7f8623.png

火狐：

http://puu.sh/8qYSP/9086738d07.png

开发人员工具栏显示计算结果。

我做错了什么？

Answer 1

您必须在父母身上定义半径：

.acpTable,                              /* The Table */
.acpTable thead,                        /* The Head */
.acpTable thead tr:first-child,         /* The Row */
.acpTable thead tr th:first-child {     /* The Content */
    border-top-left-radius: 9px;
}

您必须将表格设置为border-collapse: collapse;（MOZ Docs）：

  

但是当边界崩溃崩溃时，UA不需要申请表undinline-table Elemente。内部表Elemente上的行为暂时未定义。