我最近更换了显示器,现在我使用的是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:将图像重新上传到服务器以某种方式修复了问题。
答案 0 :(得分:3)
答案 1 :(得分:1)
你的图片底部有灰色空间...... 属性background-size工作正常。
看看这里: http://metaltxus.altervista.org/animelist/resources/images/bg.jpg