84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
ナビゲーションバーに問題があります。固定ナビゲーションバーを作成しましたが、サイトの一番下までスクロールすると、div の 1 つがその上にあります。ナビゲーション バーをサイト上の他のすべてのコンテンツの最前面に表示したいと考えています。理由が分かりません、助けてもらえますか？これも修正できるのでしょうか？
これは私のコードです: HTML
と CSS:
画像の説明
これは、絶対位置のスタック順序が固定位置よりも高いために発生します
このソリューションをコードで使用してみてください:
.ナビゲーションバー { 位置: 固定; トップ: 0; 背景: var(--three-color); ディスプレイ: フレックス; 幅: 100%; z-index: 1; /* この行を追加 */
}
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これは、絶対位置のスタック順序が固定位置よりも高いために発生します
このソリューションをコードで使用してみてください:
.ナビゲーションバー { 位置: 固定; トップ: 0; 背景: var(--three-color); ディスプレイ: フレックス; 幅: 100%; z-index: 1; /* この行を追加 */}