CSS总是在顶部

Question

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

如何让我的顶栏（图片）始终保持最佳状态？我希望它在您滚动时覆盖页面的内容。

Answer 1

确保元素上有position，并将z-index设置为高于您要覆盖的元素的值。

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

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

它可能需要更多的工作，但它是一个开始，因为你没有发布任何代码。

Answer 2

假设您的标记如下：

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

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

在标题上添加z-index; 1就足够了。