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

【问题标题】：body/html pseudo element not acting on whole documentbody/html 伪元素不作用于整个文档
【发布时间】：2011-10-11 21:32:06
【问题描述】：

我为body 使用了伪元素（也尝试使用html），并且覆盖并没有一直到文档的末尾（尝试滚动）。

如何在整个文档上叠加？

【问题讨论】：

【解决方案1】：

将position:absolute 更改为position:fixed。这将导致元素停留在同一位置，即使用户滚动也是如此。

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

【讨论】：

我能问一下为什么从position: absolute更改为position: fixed可以吗？
fixed 相对于窗口定位元素，而 absolute 相对于最近的相对定位的父元素定位元素。窗口的原点不会移动（相对于页面）。但是，可以通过滚动/更改偏移值来移动相对定位的元素。