Image 引导全高背景封面图像

我目前正在使用Bootstrap设计一个站点，并尝试在该站点上包含一个全高的背景封面图像：

这是我的代码：

HTML

但是，我看不到如何让图像覆盖整个“折叠上方”部分。图像的高度与标题中的文本高度相同。知道我做错了什么吗？

你是说这样吗

如果是，请尝试此代码：

CSS代码

.cover{
    color: rgb(255, 255, 255);
    position: relative;
    min-height: 350px;
    background: url("http://lewisking.net/images/header-image.jpg") no-repeat scroll 0px 100% / cover transparent;
}

nav ul li {
  list-style:none;
  float:left;
  margin-right:50px;

}

HTML代码：

<div class="cover">
  <div class="clearfix"></div>
   <nav>
    <ul>
    <li><a href="#portfolio">SHOP</a></li>
    <li><a href="#about">ABOUT</a></li>
    <li><a href="#contact">PRESS</a></li>
    </ul>

  </nav>

</div>

您的导航和标题不应该在一起！使用标题显示站点的初始部分（人们在页面上看到的内容）。将位置添加到导航中，以便在需要的位置进行修复

全高封面图像的CSS代码：

header {
background-image: url(background-img.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: bottom;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
min-height: /*enter value here*/;
}

在HTML中，您应该首先在此处编写

导航栏HTML

，然后在此处编写

标题HTML

---

如果您要将站点编码为移动就绪，请阅读本教程以实现一个可用的封面图像修复：

是的，该演示正是我的意思。谢谢@jayden更改了background:url（）的链接，工作：）谢谢@CristiC777

<div class="cover">
  <div class="clearfix"></div>
   <nav>
    <ul>
    <li><a href="#portfolio">SHOP</a></li>
    <li><a href="#about">ABOUT</a></li>
    <li><a href="#contact">PRESS</a></li>
    </ul>

  </nav>

</div>

header {
background-image: url(background-img.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: bottom;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
min-height: /*enter value here*/;
}