位置がabsoulteで高さが100％で、スクロールで移動していないオーバーレイdiv

hereを参照し、[オン]ボタンをクリックしてください。位置がabsoulteで高さが100％で、スクロールで移動していないオーバーレイdiv

.darkClass 
{ 
    background-color: white; 
    filter:alpha(opacity=90); /* IE */ 
    opacity: 0.9; /* Safari, Opera */ 
    -moz-opacity:0.9; /* FireFox */ 
    z-index: 2000; 
    height: 100%; 
    width: 100%; 
    background-repeat:no-repeat; 
    background-position:center; 
    position: absolute; 
    top: 0; 
    left: 0;

}

あなたは、必要に応じて、オーバーレイdiv要素は画面全体をカバーしているが、私はスクロールすると予想されるとして、それはスクロールで移動していないことがわかります。

私はスクロールしながら灰色のオーバーレイが動くのを見たいと思います。

ここでCSSが紛れているのは何ですか？

出典

2016-06-26 Mickel Sierra

あなたは '.darkClass'要素に' position：fixed; 'を使う必要があります –