thead和tfoot中的边框半径与背景图片

Question

我有一张桌子，里面有thead，tbody和tfoot。 Thead和tfoot有一个背景图片。 我尝试应用圆角，并且一切都很好，直到我应用任何背景（颜色或图像）。

屏幕下方：

THEAD和TFOOT也有边界，所以当我躲在后台，它是圆的像我想要...... 的问题出现在所有的浏览器...

是否有任何选项可围绕此背景（颜色或图像）？

Answer 1

您可以使用z-index: 1将背景设置为图像，并将内容设置为z-index: 2，然后使用CSS对图像的角部进行四舍五入。