如何停止圖像和橫幅後面出現的菜單，同時將其保留在固定的位置？

Question

我試圖學習如何建立一個網站，並建立自己的投資組合，http://www.tom.lostinawesome.co.uk是該網站。

它已經全部被扔在一起，我想用的菜單應該與一個切換顯示在一起，然後在您按下按鈕時打開。

相反，只有向下滾動菜單後，纔會顯示該菜單，該菜單已打開並顯示在每個橫幅的後面並位於其他內容的後面。

Answer 1

添加z-index:9999屬性HBAR ID（header.css線26）

#hbar { 
    position: fixed; 
    top: 0; 
    width: 100%; 
    height: 36px; 
    margin: 0; 
    padding: 0; 
    font-family: Georgia, serif; 
    font-size: 12px; 
    text-shadow: 1px 1px 1px #000; 
    background: #292929; 
    border-bottom: 3px solid #0C0C0C; 
    color: #dddddd; 
    z-index: 9999; 
} 

並添加z-index:1屬性section.section.parallax類（main.css的線231）：

section.section.parallax { 
    height: 300px; 
    background-position: 50% 50%; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-size: cover; 
    z-index: 1; 
}