背景仅在表格刷新时显示在屏幕的上半部分

Question

一旦用户单击编辑按钮或开始加载页面时，我就会出现背景，而一旦显示模式或加载页面，背景就会消失。背景工作正常并突出显示整个页面。但是当我用数据更新我的表格并且表格在高度背景上展开时，只显示在屏幕的上半部分。请注意，我正在使用 Ajax 来更新我的表格，而无需刷新页面。 加载页面背景时工作正常并覆盖整个页面：

使用 ajax 更新表格并单击一个编辑记录以再次显示背景后，我得到以下信息：

表格更新时如何使背景覆盖整个页面代码如下：

   <div class="backdrop">
  </div>

CSS：

  .backdrop {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: black;
        opacity: 0.5;
        background-size: 100% 100%;
    }

背景显示为无，并设置为在需要时可见

Answer 1

您可以使用固定位置而不是绝对位置。 还要设置 height: 100vh 和 width: 100vw 所以它会覆盖整个屏幕。