如何让DIV元素不透明

我有我的网站是100％宽，在绝对和固定位置的顶部一个div。它的代码是这样的：如何让DIV元素不透明

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

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

来源

2012-11-01 Joshua

你不应该给这个元素两个'位置：'性能..要么或.. – Wez

没有什么在你发布表明'div.header'不是完全不透明的代码。 – Shmiddty

你的问题也是误导，你想这个div是不透明的，还是你只是想防止重叠？ – Wez

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

例如。我的website我有一个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-01 16:13:50 Phil

谢谢！终于有人明白我的问题:) 这种方法完美。由于 – Joshua

很高兴我能帮助 – Phil

@JoshuaDempsey如果你明白你问的是什么这将有助于。该div根本不透明。其他内容显示在其上，而不是从下面显示。 – Shmiddty

删除position: fixed;

应该像

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

如果你想让它比固定取出position:absolute。两者不会一起工作。

你有position:absolute和fixed在一起，但fixed将覆盖位置，因为它是绝对的。

现在，如果您想要显示其他任何元素，并且它具有绝对位置或固定位置，则可以使用z-index，高位z-index元素将覆盖较低的z-index元素。

来源

2012-11-01 16:07:33

这是一个愚蠢的问题。只要从你的班级中删除position: fixed;属性。

来源

2012-11-01 16:12:20

但我希望它保持在同一个位置。这只是内容不断出现在它后面。 – Joshua

试试这个：position：absolute;如果不工作，请发送完整的代码。 –

如何让DIV元素不透明

回答

相关问题