背景大小不工作像它应该

-1

我最近更改了显示器，现在我使用的是1920x1080分辨率我注意到background-size属性在我的某个网站发生故障（无论是或我误解了这一切如何运作）。背景大小不工作像它应该

的事情是，无论我将它设置为cover也不100% 100%。它不会覆盖整个页面高度（并且html和body标签都有最小高度：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，所以它没有任何意义，它有透明的像素。

编辑2：重新上传图像到服务器以某种方式解决了问题。

来源

2016-05-29 Jesús Cruz

您的网站的源代码将改变，但依然这个问题。因此，请将源代码添加到此问题中，以便对具有相同问题的其他人有所帮助。 –

我同意之前的评论。你应该总是添加相关的代码和/或创建一个MVCE。回到你的问题，似乎图像本身在底部有透明区域。你需要把它裁剪出来。 – Harry

它没有发生在我身上，但我同意。感谢您指出问题。如果你把它写成一个，我会选择你的最佳答案。如果你这样做会做。 –