html - 背景图片加载但不显示

Question

我在这里可能是白痴。作为我正在做的 Bootstrap 类(class)的一部分，我一直在尝试让一个 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 就大不相同了。

婴儿学步...