スティッキーなナビゲーションバーをページの内容の前に持っていく方法は？

Question

私はワードプレスとブートストラップを使用しています。スクロールするときにページの上部にスティックするナビゲータがあります。問題はページの内容の一部になります（参照のためイメージを参照）。どのように私はいつもスクロール過去何の前にnabberになるように？前もって感謝します。

HTML：

<nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="91" id="search-nav"></nav> 

CSS：あなたが定義された位置と組み合わせz-indexの値を入れて試すことができます

#search-nav { 
    height: 50px; 
    width: 100%; 
    background-color: #000; 
} 

Answer 1

（fixed、absolute、relativeである可能性があります。 。）これは、以下の要素のデフォルトのz-indexの値よりも高くなっています。

出典：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Adding_z-index