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_contentposition: absolute;

于 2012-09-09T19:05:51.107 に答える