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

Question

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

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

リーリー

と CSS:

リーリー

画像の説明

Answer 1

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

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

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

}