CSS定位问题：在伪元素之后

编辑：位于注释中的Tinkerbin示例

我遇到的问题是固定顶杆在滑块后面（现在只有一个滑块用于测试）。之所以会出现这种情况，是因为用于勾勒标题的浅绿色背景是使用.page标题类上的：after伪元素创建的，如下所示（使用SASS）：

这会将伪元素放置在标题后面，但sill会将其保留在滑块前面。我已经相对地定位了滑块，将其放置在伪元素的前面，但我始终不知道如何调整以使顶部栏始终位于顶部。下面是顶栏的代码：

.nav-cont {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    height: 40px;
    z-index: 9999;
}

请随意查看演示站点，如果您有任何想法，请告诉我。我和其他一些人一起查阅了参考资料，但似乎找不到解决办法

提前感谢任何能够了解这一点的人

我明白了

.nav cont

是

标题的子项

，由于背景的奇怪z索引必要性，它被拉到幻灯片下方

z-index

是相对的，因此，如果z-index较高，则导航只能是

标题中最高的内容，而标题都在幻灯片下方

将
.nav cont
移出
标题
，并为其提供高z索引，即可解决此问题。此外，严格地说，从语义上讲，导航属于
元素

为了帮助我们帮助您，您能否提供观察到此问题的最简单场景，并提供演示？没问题。谢谢，bookcasey！我会重新洗牌的。事实上，我只是看看TechCrunch的网站，看看他们是如何处理这件事的，他们也在做同样的事情。哦，我在
元素中提供了导航，只需将所有内容剥离到Tinkerbin示例中的要点即可我肯定会在一段时间内完成并清理代码，去掉不必要的标记。谢谢你的帮助！
.nav-cont {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    height: 40px;
    z-index: 9999;
}