javascript - 如何使DIV元素不透明

Question

我的网站顶部有一个 div，它的宽度为 100%，并且位于绝对固定的位置。它的代码如下:

div.header{
    height: 60px;
    width: 100%;
    position: absolute;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #eeeeee;
}

现在一切正常，但是当用户向下滚动时，网站内容会出现在它后面。有什么方法可以防止这种情况发生吗？

Answer 1

移除位置:固定；

应该是这样的

div.header{
    height: 60px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #eeeeee;
}

如果你想让它固定而不是删除 position:absolute。两者不能一起工作。

您同时拥有 position:absolute 和 fixed，但是 fixed 会覆盖位置，因为它在 absolute 之后。

现在如果你想在其他元素之上出现任何元素并且它有一个position:absolute或固定你可以使用 z-index，较高的 z-index 元素将覆盖较低的 z-index元素。