我可能在这里很蠢。我一直在尝试将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带来了所有不同。
宝贝步骤...