Html CSS总是在最上面

我有一个在屏幕顶部有固定图像的网站。当我向下滚动页面时，图像保持在顶部。但是，下面的所有内容都与我的图像重叠，然后将其覆盖

---

如何使我的顶部栏（图像）始终位于顶部？我希望它在您滚动时覆盖页面内容。

确保

位置

位于您的元素上，并将

z索引设置为高于您要覆盖的元素的值

element {
    position: fixed;
    z-index: 999;
}

div {
    position: relative;
    z-index: 99;
}

这可能需要更多的工作，但这只是一个开始，因为您没有发布任何代码。
假设您的标记看起来像：

<div id="header" style="position: fixed;"></div>
<div id="content" style="position: relative;"></div>



现在两个元素都已定位；在这种情况下，底部的元素（按源代码顺序）将覆盖其上方的元素（按源代码顺序）

在标题上添加一个
z-index
<代码>1应该足够了。
使用
z-index
样式。谢谢，但是如果我不知道其他元素的z-index怎么办。假设我正在构建一个单独的组件，在我的组件中，我有一个作为div实现的上下文菜单，我想确保无论谁在使用我的组件，无论在他的html中为div为他的东西设置了什么z索引，我想确保我的组件应该显示上下文菜单？如果您使用jquery dlg并希望更高，则需要使用9999。