thead和tfoot中的邊框半徑與背景圖片

Question

我有一張桌子，裏面有thead，tbody和tfoot。 Thead和tfoot有一個背景圖片。 我嘗試應用圓角，並且一切都很好，直到我應用任何背景（顏色或圖像）。

屏幕下方：

THEAD和TFOOT也有邊界，所以當我躲在後臺，它是圓的像我想要...... 的問題出現在所有的瀏覽器...

是否有任何選項可圍繞此背景（顏色或圖像）？

Answer 1

您可以使用z-index: 1將背景設置爲圖像，並將內容設置爲z-index: 2，然後使用CSS對圖像的角部進行四捨五入。