背景大小无法正常工作[关闭]答案

【问题标题】：background-size is not working like it should [closed]背景大小无法正常工作[关闭]
【发布时间】：2016-05-29 11:39:31
【问题描述】：

我最近更换了显示器，现在我使用的是 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：将图像重新上传到服务器以某种方式解决了问题。

【问题讨论】：

您网站的源代码会改变，但这个问题仍然存在。因此，请在此问题中添加源代码，以便对其有相同问题的其他人有所帮助。
我同意之前的评论。您应该始终添加相关代码和/或创建 MVCE。遇到您的问题，图像本身似乎在底部有透明区域。你需要把它剪掉。
我没有想到，但我同意。也感谢您指出问题。如果你把它写成一个，我会选择你的作为最佳答案。如果你这样做，就会这样做。
请在问题本身中包含相关的sn-ps，不要链接到整个站点的源代码存档。
将正文的 css 规则添加到主帖 @Clive。

标签： html css background background-size

【解决方案1】：

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

如您所见，我只是检查元素并用另一个更改您的图像，它工作正常。

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

【讨论】：

【解决方案2】：

您的图像底部有灰色空间... 属性 background-size 工作正常。

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

【讨论】：