我可能在这里很蠢。我一直在尝试将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%;
}


图像的路径和名称绝对正确,所以不是这样。

有任何想法吗?

最佳答案

固定它!正如预期的那样,发布后立即发布。

问题显然是将高度设置为100%。将其更改为100vmin带来了所有不同。

宝贝步骤...

10-05 21:02
查看更多