javascript - 将 div 置于固定位置的前面

Question

我在网页中为 div 使用了 fixed position 来将 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/