在Firefox上，表显示了带有边框半径的背景溢出

Question

我在第th个元素上有一个边界半径。此外，我为表中的特定列设置了背景。

<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup

在Chrome上运行良好。关于firefox的问题，它忽略了我的边界半径，并且有溢出的背景颜色。注意，我不能单独为每个tr设置背景，因为它是渐变色，它会重复自己。这是一把短小提琴：https://jsfiddle.net/n645szk7/

在chrome上渲染一次，在Firefox上再次渲染一次以查看差异。谢谢

Answer 1

测试两个属性

• -moz-outline-radius: 25px;
• -moz-border-radius: 25px;