如何讓我的導航欄始終位於頂部？

-1

我使用名爲「Photon」的HTML5模板製作了一個網站，並且我從另一個模板添加了一個Bootstrap導航欄。如何讓我的導航欄始終位於頂部？

我的問題是，當我滾動頁面時，圖片會出現在我的導航欄上，我不想那樣做。然而，文本就像我想要的那樣在導航欄下面。

我已經將navbar的不透明度設置爲100，它的CSS位置是固定的。

我做了幾個截圖（here和here），以便您可以看到我正在談論的究竟是什麼。

2016-03-03 Flash

這是一個[堆疊內容]（https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context ）的問題，但沒有任何實際的代碼可供參考，這與我們能夠提供的幫助一樣多。 –

-2

套裝z-index: 100在導覽列，顯然它並不需要是一個100，但我看不到你的代碼是什麼樣子，所以100是一個安全的賭注

來源

2016-03-03 17:37:57

由於您不知道OP的堆疊環境是什麼樣子，所以不是很好的建議。 –

是的，編輯我的答案澄清 –

非常感謝，我會嘗試。我的代碼真的很長，所以我不想在這裏發佈。 – Flash

你應該申請固定位置到您導航類。

.navClass{ 
position: fixed; 
top: 0px; 
}

希望它會爲你工作:)

來源

2016-03-03 17:47:17

OP已經指定「其CSS位置是固定的」。 –

非常感謝，我真的很感激:) – Flash

@SamirChahine：top：0px;也是需要的。 –

如何讓我的導航欄始終位於頂部？

回答

相關問題