2

我试图强制元素的伪元素始终为（不是窗口）<body>的 100% 高度。Document

  • position的伪元素不能设置为FIXED
  • 这只是我遇到的问题的简化版本，因此解决方案必须仅是 CSS

演示页面

我搜索了堆栈溢出，但没有找到答案。谢谢！

4

1 回答 1

3

尝试：

html {height: 100%;}
body {min-height:100%;}

然后是您现有的代码：

body{ position:relative; }
p{ width:15%; padding:10px; }

body::before {
    background: red;
    content: "";
    height: 100%;
    width: 100%;  
    opacity: 0.2;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}

​</p>

于 2012-10-25T02:15:08.217 回答