<body>
要素の疑似要素を常にDocument
(ウィンドウではなく) 100%の高さに強制しようとしています。
position
疑似要素の_ _FIXED
- これは私が抱えている問題の単純化されたバージョンにすぎないため、解決策は CSS のみである必要があります
スタックオーバーフローを検索しましたが、答えが見つかりませんでした。ありがとう!
試す:
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>