将div放在固定位置前面

Question

我使用fixed position在网页中div将div作为标题放在顶部，但在滚动时它会落后于所有其他对象，例如divs，视频甚至文字！

以下是div，因为它应该随时查看：

div在向下滚动时隐藏的方式：

所以，我只想到了基本的结构，如果我在起始（我做过）和其他对象中编写特定的div代码，其他对象自然会出现在前面。因此，一种解决方案可能是在最后编写代码。但是，我有一个结构代码，中间有适当的放置注释，这可能会破坏它。

这是代码：

<div style="width: 1409.25px; height:40px; top:0; left:0; position:fixed; background-color:black; line-height:2;">..Text here..</div>

滚动时是否有任何方法可以将div放在前面而不在末尾编写代码？

Answer 1

您需要添加z-index，这会根据z-index值将div放入z空间，

示例：

<div id="a" style="z-index:10"></div>
<div id="b" style="z-index:1"></div>

Div a将被放置在Div b之上，因为它具有更高的z-index。

这是一个简单的JSFiddle示例 - https://jsfiddle.net/ta2gbn4m/

Answer 2

对于标题设置，z-index值高于下面的div包装器

示例

 header{
  position:fixed;
  width:100%;
  z-index:9999
}
div{
position:relative;
z-index:2 // lesser then the header z-index value
}

z-index越高，它就会出现在z-index值较低的其他元素之上