html - body/html疑似要素がドキュメント全体に作用しない

Question

このフィドルをチェックしてください：http：//jsfiddle.net/dppJw/8/

に疑似要素を使用しましたがbody（これも試してみましたhtml）、オーバーレイがドキュメントの最後まで移動しません（スクロールしてみてください）。

ドキュメント全体にオーバーレイを設定するにはどうすればよいですか？

Answer 1

に変更position:absoluteしposition:fixedます。これにより、ユーザーがスクロールしても、要素は同じ場所にとどまります。

フィドル： http： //jsfiddle.net/dppJw/9/

---

注：現在の疑似要素は本体とオーバーラップしています。z-index: -1本文内のテキストを選択できないようにする場合は、追加します。