响应式表格滚动条与固定标题重叠

Question

我遇到了一个问题，希望你们中的一些人知道解决方案。

我正在为移动设备制作一个响应式网站，标题将显示在屏幕底部。到目前为止没有问题。 在某些页面上，他们使用表格，在移动设备上获得水平滚动条（bootstrap 4 - 响应式表格）。 何时向下滚动表格的滚动条与我的固定标题重叠。

有没有办法解决这个问题？当我检查 bootstrap 4 网站并检查他们自己制作的一些仪表板主题时，他们遇到了同样的问题。 （例如：https://prium.github.io/falcon/v1.8.0/）

请提供解决方案。

Answer 1

将z-index:1; 添加到您的表卡 div 上

.card.mb-3 {
    z-index: 1;
}