Html 背景不覆盖整个显示屏？

我的背景无法垂直覆盖整个页面，因为现在只覆盖了一半。这就是我目前正在做的，我不知道为什么它不起作用

<div class="bg">
  <div class="container">
    some more code here
  </div>
</div>

我也尝试了一些解决方案，从以前的帖子在这里没有任何效果

---

谢谢您的时间。

您的

bg

类需要一个

高度值，否则它将只与填充它的内容一样高

此外，
背景高度
不是有效的属性

body, html {
 height: 100%;
}

.bg {
 height: 100%;
 background-image:url(http://www.fillmurray.com/800/400);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}

将图像更改为您的图像，您应该表现良好。请看附带的小提琴


您还可以给出您的
容器
a类
高度
值。取决于你想做什么
你的
bg
类需要一个
height
值，否则它只能和填充它的内容一样高

此外，
背景高度
不是有效的属性

body, html {
 height: 100%;
}

.bg {
 height: 100%;
 background-image:url(http://www.fillmurray.com/800/400);
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}

将图像更改为您的图像，您应该表现良好。请看附带的小提琴


您还可以给出您的
容器
a类
高度
值。取决于您希望做什么
很遗憾，我无法发表评论，因此我提供此答案作为进一步的帮助（尽管它没有回答您的问题）：

您可以使用这些背景属性并使用速记将它们全部放在一行中，而不是分开。这看起来像：

.bg {
   height: 100%;
   background: url(myimage.png) no repeat cover center;
   }

不幸的是，我不能发表评论，所以我提供这个答案作为进一步的帮助（尽管它没有回答您的问题）：

您可以使用这些背景属性并使用速记将它们全部放在一行中，而不是分开。这看起来像：

.bg {
   height: 100%;
   background: url(myimage.png) no repeat cover center;
   }