背景图像已加载但未显示

Question

我在这里可能是愚蠢的。我一直在尝试让 jpeg 图像加载到部分元素的背景中，作为我正在做的引导课程的一部分(对于这个 Web 开发的东西来说很新(。图像在 Firefox 检查器中加载正常 - 它没有显示错误，如果我将鼠标悬停在链接上，它会显示图像 - 但它只是没有显示在页面上。

以下是相关代码：

<secton id="cover">
<div id="cover-caption">
<div class="container">
<div class="col-sm-10 sm-offset-1"></div>
<h1>Generic website title</h1>
</div>
</div>
</secton>

.css：

#cover{
background: url("Assets/Photos/Blanket.jpg") center center no-repeat;
background-size: cover;
text-align: center;
height: 100%;
}

图像的路径和名称肯定是正确的，所以不是那样。

有什么想法吗？

Answer 1

修复了它！正如预期的那样，发布后立即。

显然，将高度设置为 100% 是问题所在。将其更改为 100vmin 会让一切变得不同。

婴儿步骤...