body / html伪元素不作用于整个文档

Question

请查看这个小提琴：http://jsfiddle.net/dppJw/8/

我为body使用了一个伪元素（也尝试过使用html），并且叠加层不会一直到文档的末尾（尝试滚动）。< / p>

如何在整个文档中叠加？

Answer 1

将position:absolute更改为position:fixed。即使用户滚动，这也会导致元素保持在同一位置。

小提琴：http://jsfiddle.net/dppJw/9/

<小时/> 注意：您当前的伪元素与正文重叠。如果您不希望选择正文中的文本，请添加z-index: -1。