如何在可滚动div上添加overlay，使遮罩覆盖表格全部内容？

你可以通过调整父容器定位和遮罩样式实现完整覆盖：

• 给表格的外层容器添加position: relative属性，作为遮罩的定位参照
• 遮罩元素使用如下CSS配置：

.table-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9;
  /* 若需要不遮挡下层表格操作可添加下方属性 */
  pointer-events: none;
}

• 将overlay元素放置在表格外层容器内部，与表格元素平级即可。

实现效果参考：

内容的提问来源于stack exchange，提问作者Muhammad Muddassar