Question

我有一个div叠加层，当点击链接时弹出，我的问题是你必须滚动点击链接，然后叠加层保留在页面顶部而不是用户当前正在查看的区域。

您可以通过向下滚动并点击任何链接来查看此处，例如'这里有多个订单'以及底部的条款和条件。

这是CSS：

  .black_overlay{
        display: none;
        position: absolute;
        /*top: 0%;
        left: 0%;
        width: 100%;
        height: 1000px; */
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
        height: 100%;


        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
   }
 .white_content {
        display: none;
        position: absolute;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        border: 5px solid blue;
        background-color: white;
        z-index:1002;
        overflow: auto;
  }

JavaScript：

<a href = "javascript:void(0)" onclick =    "document.getElementById('light3').style.display='block';document.getElementById('fade').style.display='block'">here</a>

Answer 1

在覆盖元素（position: fixed和.black_overlay）上使用.white_content代替position: absolute;

CSS不会填充视口

1 个答案: