Question

我在这里可能很蠢。我一直在尝试将jpeg图像加载到section元素的背景中，这是我正在做的引导程序课程的一部分（对于该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带来了所有不同。

婴儿步骤...

载入背景图片但不显示

1 个答案: