全画面ブランケットは、表示される画面のみをカバーします。あなたがスクロールするとそこにはありません

Question

これは簡単な質問かもしれませんが、私はそれを把握していないようです。

jqueryを使用してポップアップウィンドウを作成しています。編集ボタンをクリックすると、ポップアップウィンドウが表示され、ブランケットがその後ろのすべてをカバーしてフェードアウトの印象を与えます。

私は正常に動作していますが、背景ブランケットは表示されている画面スペースのみをカバーしています。あなたは下にスクロールしてブランケットがどこで終わるかを見ることができます。

私はそれをページ上のすべてをカバーするようにしようとしています。スクロールしないと見ることができないものもあります。

これは私が現在持っているCSS、私はそれがすべてをカバーするために取得する方法を

#blanket { 
background-color:#111; 
opacity: 0.65; 
filter:alpha(opacity=65); 
height:100%; 
width:100%; 
position:absolute; 
top:0; 
left:0; 
z-index:2000} 

のですか？

Answer 1

変更position: absolute~position: fixedオーバーレイの背景（ブランケット）がページと共にスクロールしないようにします。