背景大小无法正常工作

Question

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

问题是，无论我将其设置为 cover 还是 100% 100%。它永远不会覆盖整个页面高度（html 和正文标签都有最小高度：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：将图像重新上传到服务器以某种方式解决了问题。

Answer 1

它工作正常，问题出在你的图像中，它的末尾包含一个空 space。

如您所见，我只是检查元素并将您的图像换成另一个，效果很好。

你也可以在这里看到你图片的问题:

Answer 2

您的图片底部有灰色 space... 属性背景尺寸工作正常。

看看这里： http://metaltxus.altervista.org/animelist/resources/images/bg.jpg

背景大小无法正常工作

background-size is not working like it should

html

css

background

background-size