html - 盒子阴影在页面结束前停止

Question

我在正文上有一个盒子阴影，它工作得很好，直到我添加了使页面比视口更长的内容。身体的背景继续，但盒子阴影停止。有没有办法让盒子阴影到达页面底部。

CSS：

body {
  width:100%;
  height: 100%;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

完整代码：https ://codepen.io/jsa2025/pen/vYmbzmM

标签： htmlcssbootstrap-4

Answer 1

这是预览渲染的错误。

编辑：错误仍在发生