我最近更改了显示器,现在我使用的是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:重新上传图像到服务器以某种方式解决了问题。
您的网站的源代码将改变,但依然这个问题。因此,请将源代码添加到此问题中,以便对具有相同问题的其他人有所帮助。 –
我同意之前的评论。你应该总是添加相关的代码和/或创建一个MVCE。回到你的问题,似乎图像本身在底部有透明区域。你需要把它裁剪出来。 – Harry
它没有发生在我身上,但我同意。 感谢您指出问题。如果你把它写成一个,我会选择你的最佳答案。如果你这样做会做。 –