Html 内容显示在全宽视频背景之上，而不是下方

我正在尝试创建一个页面，上面有一个全宽的视频横幅，下面有一些内容。现在，每当我添加任何附加内容时，它都会出现在视频的上方，而不是下方，我不知道为什么

HTML

对于要显示在顶部的对象，可以使用具有更高值的。

---

该属性仅在位置不是静态的情况下应用

jumbotron、jumbotron cover或video placeholder中的任何一个类的位置是绝对的还是固定的

---

如果是这样，这将从文档的自然流中删除该元素，因此您希望在下面看到的文本将向上移动到它的空间中

对不起，问题是内容已经位于视频的顶部，我希望它显示在它的下面。如果您希望视频位于顶部，请将视频的z索引设置为更高。另外，请验证您的end div标记是否都与您希望它们匹配的内容相匹配。这不会使内容显示在视频后面吗？我希望它在视频下方什么是视频占位符？你应该使用.embed吗？我们需要看看你的CSS吗？这个问题有几个问题，其中一个就是上面提到的除此之外，我显然回答了所问的问题，而不是本意的问题，这是浪费时间：-。它也没有指定您观察问题的浏览器/版本，并且省略了任何相关的CSS。HTML似乎还有一个额外的close div，因此最后一个容器不是homepageContainer的子容器，homepageContainer的子容器可能是有意的，也可能不是有意的。@WBT，我认为您误读了。“在上面”是指覆盖而不是上面，而“在下面”是指后面而不是后面。浏览器可能不相关。CSS可能是@isherwood我看到过重叠问题出现在一个浏览器中，但在另一个浏览器中没有。我确实误读了额外的close div，因为我错过了与另一个start div在同一行的div class=行。有一个位置：固定在视频占位符上，我现在已更改为relative，它正在工作。谢谢

<div id="content">
  <div class="homepageContainer">
    <nav id="header" class="opaque navbar navbar-default navbar-fixed-top hidden-print navbar-megamenu" role="navigation">
      ...
    </nav>
    <div class="jumbotron jumbotron-cover">
      <div class="container-fluid">
        <div class="row">
          <div class="col-xs-12 col-sm-8 col-md-6 col-sm-push-2 col-md-push-3">
            <div class="video-placeholder" style="background-image:url(urlOfImage)">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row hero-content text-center">
        <div class="col-sm-12 col-md-12 col-lg-8 col-lg-offset-2">
          <img src="media/img/logo.png" class="logo animated fadeInDown">
          <h1 class="animated fadeInDown top-bottom-borders">Some content text here.</h1>
        </div>
      </div>
    </div>
  </div>
</div>