固定ナビゲーションバーの 1 レベル上の絶対 div

Question

ナビゲーションバーに問題があります。固定ナビゲーションバーを作成しましたが、サイトの一番下までスクロールすると、div の 1 つがその上にあります。ナビゲーションバーをサイト上の他のすべてのコンテンツの最前面に表示したいと考えています。理由が分かりません、助けてもらえますか？これも修正できるのでしょうか？

これは私のコードです: HTML

リーリー

と CSS:

リーリー

画像の説明

P粉960525583 · Answer

これは、絶対位置のスタック順序が固定位置よりも高いために発生します

このソリューションをコードで使用してみてください:

.ナビゲーションバー {
位置: 固定;
トップ: 0;
背景: var(--three-color);
ディスプレイ: フレックス;
幅: 100%;
z-index: 1; /* この行を追加 */

}