Html 如何使图像与导航药片重叠？

如何使图像与下面的导航条（导航丸）重叠？
这里是小提琴的链接
总结如下：

  <div class="container">
  <div class="row" id="overlap">
    <div class="col-md-10 col-md-offset-1">
      <img src="http://placehold.it/200x100" class="img-thumbnail">
    </div>
  </div>
  <div class="row">
    <div class="col-md-10 col-md-offset-1">
      <div class="internal_navbar">
        <ul class="nav nav-pills">
          <li><a href="#">Timeline</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Friends</a></li>
          <li><a href="#">Photos</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

---

这里我想让图像与它下面的ul元素重叠。

您可以对

使用
位置：绝对
，对
使用
，对
使用
z-index:1
：

您需要为图像标记使用绝对位置，并且无论您想要在顶部添加哪个组件，只需将z-index:1添加到其中即可

.img-thumbnail{
  position:absolute;
  z-index:1;
}

我想这个可以帮你做演示检查

.img-thumbnail{
  position:absolute;
  z-index:1;
}