不透明的白色背景，但在桌面上保留边框

Question

我几乎成功地使表的左列具有粘性，以便可以滚动其余列。然而，这产生了一个新的问题：表格背景是白色的，这意味着滚动的单元格出现在粘性单元格下面(见屏幕截图1(。为了解决这个问题，我使用background-color: rgba(255, 255, 255, 1.0);使粘性细胞的背景不透明。但这也去除了粘性单元格的边界(见屏幕截图2(。这两种变体都很丑陋。

我已经尝试将border:1px solid #cdcdcd;(甚至添加!important(添加到粘性单元格中，但边界仍然不可见。有什么建议吗？

以下是应用于该表的全部格式：

div#scrollable {
overflow-x: scroll;
}
table#stats {
border-collapse:collapse;
width:100%;
}
table#stats th.sticky, td.sticky {
position: -webkit-sticky; /* for Safari */
position: sticky;
left: 0;
}
table#stats td.sticky {
background-color: rgba(255, 255, 255, 1.0);
border:1px solid #cdcdcd !important;
}
table#stats tr#means {
background-color:#ddffd5;
}
table#stats td.stats {
border:1px solid #cdcdcd;
}

透明粘性细胞不透明粘性细胞

Answer 1

除了这个，我没有找到任何其他解决方案

th.sticky:after, td.sticky:after{
content : "";
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background-color: #cdcdcd;
}

编辑：这里的其他解决方案后堆栈溢出