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 に答える