background-size不能正常工作

时间:2016-05-29 11:39:32

标签: html css background background-size

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

2 个答案:

答案 0 :(得分:3)

它运行正常,问题出在你的图片中,结尾处有一个空白区域。

enter image description here

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

您还可以在此处查看图片问题:

enter image description here

答案 1 :(得分:1)

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

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