0

我有一个 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>
4

1 回答 1

1

position: fixed在您的叠加元素（.black_overlay和）上使用，.white_content而不是position: absolute;

于 2012-09-09T19:05:51.107 回答