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如果您不希望正文内的文本可选择，请添加。