2

HTML

<div class="modalPage"style="display:none;"></div>

CSS:

.modalPage{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#000000;
    filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
    z-index:100;
    top:0px;
}

JS:

$(".modalPage").toggle();

効果:

ここに画像の説明を入力

これで、すべての上にレイヤーができました。そのため、ユーザーは Web サイトとやり取りできなくなります。

問題:

ここに画像の説明を入力

コンテンツが多いためにスクロールバーが表示される場合、実際には画像のようにレイヤーの高さが伸びません。

絶対divを自動的に伸ばすにはどうすればよいですか?

4

2 に答える 2

6

...................................................

こんにちは、現在は使用されていないwidthheight、現在は位置付けに使用されていますfixed

このように

.modalPage{
    position:fixed;
    background-color:#000000;
    filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
    z-index:100;
    top: 0;
    left:0;
right:0;
bottom:0;
}
于 2012-10-02T11:57:24.793 に答える
1
.modalPage{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000000;
    filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
    z-index:100;
    top: 0;
    left:0;
}
于 2012-10-02T11:55:44.127 に答える