背景大小：封面无法正常工作
Background-size:cover not working properly
我正在尝试让背景图像用尽其容器的所有 space。
事情看起来很简单，使用 background-size:cover 但它不能正常工作。
the page I'm working on can be found here
背景图像在 div 中声明为内嵌 class x-bg-layer-lower-image:
<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>
当我在 chrome 中检查时，我清楚地看到 div 的高度和宽度正确地占据了整个屏幕。然而背景图片并没有用完整个 space（见屏幕截图）
我看不出我做错了什么。也许有人可以提供帮助
大声笑，别介意，但你真是个头疼的人，我浪费了大约 30 分钟来为你寻找解决方案...看看你的背景图片，它的顶部和底部已经有空白。你 CSS 是正确的。尝试在浏览器中打开背景图片看看。
哈哈哈。
我正在尝试让背景图像用尽其容器的所有 space。
事情看起来很简单，使用 background-size:cover 但它不能正常工作。
the page I'm working on can be found here
背景图像在 div 中声明为内嵌 class x-bg-layer-lower-image:
<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>
当我在 chrome 中检查时，我清楚地看到 div 的高度和宽度正确地占据了整个屏幕。然而背景图片并没有用完整个 space（见屏幕截图）
我看不出我做错了什么。也许有人可以提供帮助
大声笑，别介意，但你真是个头疼的人，我浪费了大约 30 分钟来为你寻找解决方案...看看你的背景图片，它的顶部和底部已经有空白。你 CSS 是正确的。尝试在浏览器中打开背景图片看看。
哈哈哈。