控制一個覆蓋另一個的元素

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