HTMLの相対コンテンツが固定コンテンツにレンダリングされます

Question

私はナビゲーションバーを持っています。これは画面の上部に固定されています。このナビゲーションバーはposition: fixed;ですが、コンテンツの下に表示されます（position: relative;）。どうすればこれを避けることができますか？

Answer 1

navbarにz-indexプロパティを設定し、その値がcontentのz-indexの値より高いことを確認する必要があります。通常、あなたはちょうどそれは、他のすべての前に/上にとどまることを確認するために何か大きな、例えば：

#navbar { 
    z-index: 999999; 
} 

にその値を設定します。