如何在z-index为-1的情况下获得低于背景图像的内容？

Question

我正在使用bootstrap，现在我的导航栏下方有一个横幅图片，上面有标题标题。它工作正常，但现在我不知道如何获得低于我的图像的内容。例如，内容div与图像重叠，而不像块元素那样在其下方。

我是否需要使用img标签而不是使用css背景属性？

HTML

<nav class="navbar navbar-default" role="navigation">
...
</nav>

<div class="img-banner"> 
</div>

<div class="container">
  <h1>TITLE</h1>

  <div class="content">
    <p>new section/block of text</p>
  </div>

</div>

CSS

.img-banner { 
  height: 800px; 
  background: url('../img/background.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}

Answer 1

尝试位置：相对而不是位置：img-banner的绝对值。我认为这是解决办法。