Html 在超大屏幕显示器上从底部截取背景图像

这是我的代码笔：

您可以在这里看到我的问题：，例如，尺寸为5120x2880

我已经搜索了很多，但无法在线应用建议的解决方案，或者它们可能因为一些相互冲突的风格而不起作用

---

另外，我只是一个新手，已经写了10天了，这是我有生以来的第一次。

你在图片下看到的内容不是你网站的一部分

正如你在顶部看到的，我的分辨率是5120x2880（像电视一样大）

如果您像我一样查看inspection developer工具的详细信息，您会注意到您的

html

大小约为2064px，请停止。您可以在我的屏幕上看到蓝色html页面的限制

如果您应用css（如

html{height:100%}

），您会发现您的html将占据codepen.io生成的整个空间高度

因此，您在下面看到的其余部分为白色，只是由codepen.io的iframe生成，以尝试适应其网站的内容

---

您好，从哪个尺寸开始，您有问题吗？您的link responsivetesttool.com没有帮助，因为我们没有要测试的url。对不起，刚才我理解了您写的内容。例如，问题出现在5120x2880这是您关注的图像下的白色部分？@MaxiGui是的，没错。

body::before {
    content: "";
    background-image: url(https://wallpaperset.com/w/full/1/6/8/155013.jpg);
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: -1;
}