html - 背景大小无法正常工作

<分区>

这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

关闭 7 年前。

我最近更换了显示器，现在我使用的是 1920x1080 分辨率，我注意到 background-size 属性在我的一个网站上出现故障(要么或者我一直误解了它是如何工作的)。

问题是，无论我将其设置为 cover 还是 100% 100%。它永远不会覆盖整个页面高度(html 和 body 标签都有 min-height: 100vh。I applied a blue background to the body just to check it had the proper size )。

可以查到问题网站here .

body {
    background: url("../resources/images/bg.jpg") fixed;
    background-size: cover;
    margin: 0;
    color: $c-golden-darker;
    text-shadow: #1a0e0b 0 0 3px, #1a0e0b 0 0 3px;
    font-family: Verdana, Arial;
    overflow-y: scroll;
    min-height: 100vh;
    height: auto;
}

编辑:再看一遍，图像本身是 JPEG，因此它具有透明像素没有任何意义。

EDIT2:将图像重新上传到服务器以某种方式解决了问题。

最佳答案

它工作正常，问题出在你的图像中，它的末尾有一个空白区域。