保持引導4導航欄的頂部和透明

Question

我能夠通過將其設定讓我的導航欄透明到目前爲止是fixed-top像這樣的唯一方法：

<nav class="navbar fixed-top navbar-inverse"> 
    <!-- more html --> 
</nav> 

正如你可以看到here。

我希望我的導航欄卡在我的頁面頂部，同時也是透明的。刪除fixed-top刪除了透明度，並將導航欄下的着陸頁圖片（和組件）作爲一個整體推入（當它應該與圖片重疊時）。

這怎麼能實現？

Answer 1

試試這個：

<nav class="navbar navbar-overlay navbar-inverse"> 
    <!-- more html --> 
</nav> 

在你的CSS寫

那麼這個：

.navbar-overlay { 
    margin-bottom: -104px; // Pulls the content under the navbar up by 104px which is the height of your navbar. 
    z-index: 1; // Tells the browser that your navbar should be ontop of your content. This allows your links in your navbar to still work when you hover over them. 
}