引導網格元素與導航欄重疊

Question

我正在嘗試構建網格元素，其中有兩列，每列中都有幾行面板元素。 除了將導航欄滾動到網格元素的位置以外，其他所有內容看起來都很不錯。 元素與導航欄重疊，就像它們浮動在頂部一樣。 奇怪的是，頁面的其他部分都沒有這樣做，當我滾動時，除網格元素外，所有內容都在導航欄后面。

這是我看到的效果的圖像：

有人知道發生了什么嗎？ 我還在我的導航欄中使用headroom.js。

編輯：這是實時網站的鏈接：（找到答案后被刪除的鏈接，因為網站仍在建設中）

Answer 1

這是導航的z-index問題。 即使只是將其值設為1，也可以解決我的重疊問題。 僅供參考，數字越高，在另一個元素下出現的可能性越小，因此您應該將其設置為500億（或999）左右。

.headroom {
    z-index: 999;
}