控制一个覆盖另一个的元素

Question

我有一个固定的标题。当我滚动时，某些元素覆盖标题。我如何控制这个？

Answer 1

你应该设置的z-index为的div：

#headercontainer { 
    z-index:1; 
} 
#contentcontainer { 
    z-index:-1; 
} 

添加上述行应在内容给你的头优先容器。

Answer 2

给这个#headercontainer较高的z-index：

#headercontainer { 
    z-index: 10; 
} 

Answer 3

我可以从头脑中快速思考两种解决方案。您可以给#headercontainer元素的z-index CSS property ...

#headercontainer { 
    /* ... other CSS ... */ 
    z-index: 1000; 
} 

...或者你可以做到这一点，我认为它应该做的方式......

#headercontainer { 
    /* ... other CSS ... */ 
    position: fixed; 
    top: 0px; 
} 

#contentcontainer { 
    /* ... other CSS ... */ 
    margin-top: 125px; /* this should be at least the height of the header */ 
} 

在第二个解决方案，您不必担心哪个元素悬停在哪个其他元素上。 #contentcontainer元素在#headercontainer元素下正确按下，以使它们没有重叠。

我希望这会有所帮助。
Hristo