html - 定位元素：在另一个 div 之上的 div

Question

直播页面：链接

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

另一方面，这种观点正在按照我的意愿运作。

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

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*/
}