2

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

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

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

4

3 回答 3

6

消除position: fixed;

它应该像

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

如果你想让它修复而不是 remove position:absolute。两者都不会一起工作。

你有position:absolute并且fixed两者都在一起，但fixed会覆盖位置，因为它是在绝对之后。

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

于 2012-11-01T16:07:33.593 回答
4

需要显示在前面的 div 元素应该z-index比需要显示在后面的元素具有更高的值。

例如。

div.header{
....
....
z-index:9999;
}

div.normal{
....
....
z-index:9998;
}

在我的网站上，我有一个始终显示在底部的 div 页脚。我使用以下代码 - 它可能会在将来或搜索类似查询的人中派上用场。

#bottom
{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    z-index: 999;
    background-color: rgb(30,122,212); 
    border-top:3px solid black;
    border-bottom:1px solid black;
    -moz-box-sadow: 0 0 10px white; 
    box-shadow: 0 0 10px white;
}

我希望这有帮助。

于 2012-11-01T16:13:50.677 回答
0

这是一个愚蠢的问题。只需position: fixed;从您的班级中删除该财产。

于 2012-11-01T16:12:20.840 回答