定位元素：Div在另一个div之上

Question

实时网页：Link

我有一个顶部导航栏，其fixed位置和oblique颜色。 当您向下滚动时，此导航栏应放在所有帖子的顶部。但是，当您在上面的链接中检查实时页面时，图片将放置在顶部导航栏的顶部，而不是相反。

另一方面，view正如我所希望的那样工作。

有人可以告诉我如何解决这个问题吗？

Answer 1

将z-index:1添加到.nav

.nav {
background-color: black;
padding-bottom: 2px;
z-index: 1;
}

Answer 2

像这样改变你的css类

.fixed_pos {
left: 0;
position: fixed;
right: 0;
z-index: 1000;
}

Answer 3

作为一般规则，如果你有以下html。

<tag1>
</tag1>
<tag2>
</tag2>

如果它们被定位，

tag2将始终在tag1上方分层。这就是你的情况。所以我上面提到的@Sowmya就是使用z-index而是使用不同的标签。

.fixed_pos{
z-index: 1; /*any z-index would do here*/
}