Asp.net 创建模式及其覆盖时，覆盖不会延伸到整个文档_Asp.net_Html_Css_Modal Dialog

Asp.net 创建模式及其覆盖时，覆盖不会延伸到整个文档

asp.net html css

Asp.net 创建模式及其覆盖时，覆盖不会延伸到整个文档,asp.net,html,css,modal-dialog,Asp.net,Html,Css,Modal Dialog,因此，从本质上说，情况总是这样 -模态和叠加出现 -用户向下滚动 -用户可以单击覆盖下的内容我该如何解决这个问题？现在，主要的问题是覆盖其CSS如下： .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; display: no

因此，从本质上说，情况总是这样

-模态和叠加出现

-用户向下滚动

-用户可以单击覆盖下的内容

我该如何解决这个问题？现在，主要的问题是覆盖

其CSS如下：

 .overlay
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        display: none;
        z-index: 7000;
    }

<html>
  <body>
    <form>
      <div class = "overlay"></div>
      <div class = "modal">...</div>
    </form>
  </body>
</html>

由于我在asp页面中使用它，html的深度如下所示：

 .overlay
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        display: none;
        z-index: 7000;
    }

<html>
  <body>
    <form>
      <div class = "overlay"></div>
      <div class = "modal">...</div>
    </form>
  </body>
</html>

...

我不确定这是否意味着什么

我们可以对其进行排列，使其可以拉伸叠加的高度/宽度，也可以使叠加和模式在滚动时移动。我只是不知道怎么做

用这个做覆盖：

.overlay {
        background: transparent url(overlay.png) repeat top left;
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 100;
    }

这是overlay.png：（右键单击并另存为）

这是覆盖的标记：

<div class="overlay" id="overlay1" style="display:none;"></div>

我不太希望这是一种有效的方法，因为对我来说，纯CSS比反复加载图像更理想，但至少对于初始版本来说，这已经足够了