边框半径后面的HTML背景颜色

Posted 2023-02-21

【中文标题】边框半径后面的HTML背景颜色

【英文标题】：Html background colour behind border-radius

【发布时间】：2022-01-03 17:30:03

【问题描述】：

我有一个将thead 设置为position:sticky 的html 表，它可以正常工作。该行设置了background-color 和border-radius，您可以在此处看到：

问题是当行在标题“后面”向上滚动时，您可以在切掉的角落看到它们。

那么，如何设置显示在具有背景颜色和边框半径的元素后面的背景颜色？还是有其他方法可以阻止这种情况发生？

【参考方案1】：

背景必须在thead 后面的元素上。

找到具有该颜色的元素后，将overflow: hidden; 放在该（父）元素上。

【讨论】：

我的thead 的父级是table，我尝试在其上设置背景颜色，但没有成功。然后我在整个桌子周围添加了一个<div>，背景颜色为红色，但这也不起作用:(在我滚动之前红色是可见的。

分享一些代码。通常，提供更多证据的帮助会更容易。