0

因此,话虽如此,基本上,总是会出现这种情况。

- 模态和覆盖出现,

-用户向下滚动

-用户可以点击覆盖下的东西

我该如何解决?现在,主要问题是覆盖。

它的CSS如下:

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

由于我在asp页面中使用它,因此html的深度如下:

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

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

我们可以安排它以便它可以拉伸叠加层的高度/宽度,或者我们可以使它在滚动时使叠加层和模态移动。我只是不知道该怎么做

4

1 回答 1

1

将此用作您的叠加层:

.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>
于 2012-08-14T23:18:34.197 回答