html - ページ全体を覆うオーバーレイ

Question

ポップアップの背後で使用するオーバーレイを作成したいと考えています。しかし、ページを下にスクロールすると、オーバーレイはもうありませんか? javascript を使用してページのコンテンツの高さを取得し、同じ高さをオーバーレイに適用できますが、css ベースのソリューションはありますか?

#overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
   top: 0px;
   background-color:#000;
   opacity: .75
}

score 4 · Accepted Answer

4

position属性をに変更するだけfixedです。

于 2012-06-07T17:56:05.930 に答える

score 0 · Accepted Answer

-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;

それを試してみてください。背景以外で機能するかどうかはわかりませんが、試してみる価値はあります!

2 に答える 2