css - z-index ドロップダウン メニューがページ テキストの後ろに表示される

Question

CSS ドロップダウン メニューがまだすべてのページ テキストの背後に表示されているという問題があります。z-index: 9999;ULアイテムに使用していますが、まだ何もありません。以下にスクリーンショットを追加しました。ライブ デモはこちらでご覧いただけます。

ほとんどのコンテナーに z-index プロパティを追加しようとしましたが、まだうまくいきません。この小さな問題は私を殺している! これを解決するために私が得ることができるどんな助けにも感謝します:)ありがとう！

Answer 1

あなたは正しいです、それはコンテンツの上に表示されます、あなたはあなたのメニューz-indexにを追加するのを忘れただけです。background-color

Answer 2

はい、間違いなく背景色です。ホバリングすると、背後のコンテンツが覆われます。

また、インスペクターで色を白に設定して試してみました。