相对定位的元素在固定元素的前面

Question

目前，我的结构如下所示：

<div id="header">
</div>
<div class="hook">
</div>
<div class="navbar">
</div>
<div class="content">
</div>

标头位于绝对顶部的位置，挂钩是固定的，导航栏位于绝对位置，内容相对放置。 滚动时，如何使该钩出现在所有内容的后面？ 目前，我唯一的麻烦是让内容显示在最前面。 定位绝对可以解决问题，但我想尽可能保持相对。

Answer 1

您可以组合position: relative和z-index: something-bigger-than-one 。 除非我误解了您，否则应该成功吗？

这是一个丑陋的演示:)

http://jsfiddle.net/bvaughn/mopeu8Lw/

Answer 2

通过使用CSS运算符；

z-index: n;

您可以设置它的“图层”，我总是将它们描绘成几乎就像沙子一样，我相信（但请不要在此引用我），我认为默认情况下，分层的工作方式是标准堆叠，直到您定义它们为止。 希望这张图片对您有所帮助；

您可以在此处看到蓝色元素将位于所有内容的顶部，然后是红色元素，然后是黑色元素。

http://i.stack.imgur.com/pd8iH.png