Question

以下是：Table cell background bleeds through a table with rounded corners，它回答了类似的问题，但仅针对不是“100％宽度”的元素。

我有一个HTML表，它有圆角，TH元素有背景。在IE11中，此背景不适合（超过）圆形边框，因此我使用了上述文章中描述的方法。它解决了这个问题，但在我的情况下，让这个表格宽度为100％非常重要。

在这种情况下使用

display: inline-block

不允许TH和TD元素占据表格的所有宽度。请检查：http://jsfiddle.net/plz007/ZFYvq/33/

所以上一篇文章的解决方案在IE中有效，但只有

width: 100%

语句。你能帮我么？提前谢谢。

Answer 1

Demo Fiddle

最好将表格包裹在div中：

div{
    border-top-right-radius: 1em; 
    border-bottom-left-radius: 1em; 
    overflow:hidden;
}

通过将表格的display属性设置为table以外的任何其他内容，您违反了适用于table元素的特定布局规则，这些规则通常会产生不可预见的问题。

NB。要删除表格底部的粗边框，请将border-bottom:none;添加到div类