如何停止其<table>父项的圆角重叠<div>？

Question

我有一个<table>在一个<div>与圆角交替的彩色行。当我垂直滚动时，表格重叠在圆润的边缘上，而边缘看起来不是圆润的。

有办法保持圆角吗?

Answer 1

给你的div设置一个与圆角半径相等的padding值

Answer 2

您可以将表格的z-index设置为-1或其他值，以便当您向上滚动时，表格的角位于div的下方。但是如果你不希望你的表格的角落在你向上滚动的时候看起来是圆润的，那么填充是你最好的选择。

Answer 3

在css定义中使用overflow: hidden;。