背景大小：封面不能正常工作

Question

我正试图让背景图像占用它容器的所有空间。

事情看起来非常简单，使用背景大小：封面，但它无法正常工作。

the page I'm working on can be found here

使用类x-bg-layer-lower-image在div中内联声明背景图像：

<div class="x-bg-layer-lower-image" style=" background-image: url(http://jeango.net/thesphere/wp-content/uploads/2018/03/background-header.png); background-repeat: no-repeat; background-position: center; background-size: cover;"></div>

当我检查镀铬时，我清楚地看到div的高度和宽度正确占据整个屏幕。然而，背景图像并没有占用整个空间（见截图）

我看不出我在这里做错了什么。也许有人可以提供帮助

Answer 1

大笑，唐，不要介意，但你真是个头疼的人，我浪费了大约30分钟为你寻找解决方案......看看你的背景图片，它已经在顶部和底部有白色空间。你的CSS是正确的。尝试在浏览器中打开背景图片，然后看看。

哈哈哈。