1

JavaScript を使用してドキュメントに追加されるオーバーレイ要素があります。そのスタイル宣言は次のとおりです。

#overlay_mask {
    display: none;
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

サイズはウィンドウの高さまで正しく伸びますが、ユーザーがスクロールすると、オーバーレイは追従しません。

および要素は に設定されhtmlます。と。オーバーレイは、ドキュメントの最初の子です。bodywidth: 100%height: 100%

4

2 に答える 2

6

試すことができposition:fixed;ます。オーバーレイは引き続きウィンドウのサイズに合わせて拡大されますが、ユーザーがスクロールしてもその位置に留まります。

于 2012-11-23T16:40:27.017 に答える
0

パーセンテージで高さを使用するには:

  1. Doctype を設定します。

    <!doctype html>

  2. html親とcssheightをパーセンテージで指定したことを確認してください。

    html, body {
  width: 100%;
  height: 100%;
}

    親要素の高さが定義されている場合、つまり の値ではない場合のみauto。高さがある場合100%、親の親の高さも定義する必要があります。htmlこれは、ルート要素まで行くことができます。

于 2012-11-23T16:39:52.883 に答える