Javascript 如何使DIV元素不透明

我有一个div在我的网站顶部，它是100%宽，在一个绝对和固定的位置。其代码如下所示：

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

---

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

删除

位置：固定

应该是

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

如果要将其固定，请删除
位置：绝对
。两者都不能协同工作

您同时拥有
position:absolute
和
fixed
，但
fixed
将覆盖该位置，因为它位于绝对之后

现在，如果您想在其他元素的上方显示任何元素，并且它有一个位置：绝对或固定，您可以使用
z-index
，heigher z-index元素将覆盖较低的z-index元素。
这是一个愚蠢的问题。只需移除
位置：固定类中的属性
 需要显示在前面的div元素应具有比需要显示在后面的元素更高的
z-index
值

例如

在我的桌面上，我有一个始终显示在底部的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;
}

我希望这有帮助。
您不应该给这个元素两个
位置：
属性。。或者..您发布的代码中没有任何内容表明
div.header
不是完全不透明的。您的问题也有误导性，您希望此div不透明，还是只是试图防止重叠？但我希望它保持在相同的位置。只是内容一直在背后出现。试试这个：位置：绝对；如果没有工作给我完整的代码。谢谢！终于有人明白了我的问题：）这个方法非常有效。Thanks@JoshuaDempsey如果你能理解你的要求，这会有所帮助。div一点也不透明。其他内容显示在它上面，而不是从下面。我想你是对的。它具有透明的效果，但我不知道它被称为“z索引”，因为我不知道“z索引”
#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;
}