html - 後ろに隠れているドロップダウンメニュー

Question

ドロップダウン メニューを作成しましたが、上部のナビゲーション メニューにカーソルを合わせると、ドロップダウン メニューの項目がスライダーとコンテンツの後ろに隠れてしまうという問題があります。オンラインで調べて問題を把握しようとしましたが、修正できません。誰でも私を助けることができますか？できれば本当によく説明してください。前もって感謝します、ヘレン

Answer 1

これは、ページ上のさまざまな要素の css z-index に起因する可能性が最も高いです。より高い z-index 値は、より低い z-index 値の上に物を配置します (配置値がある場合)。ただし、子要素は親要素よりも高い z-index を取得できないことに注意する必要があります。または、少なくとも z-index を任意の値に割り当てることはできますが、常に親要素 z の親要素内にとどまります。 -インデックス値。ほとんどの場合、ページのスライダーの z-index がヘッダー/メニュー バーよりも高くなっています。

Answer 2

ドロップダウンメニューを操作しているときに同様の問題が発生し、スライダーの後ろに表示されました。スライダーの z-index は 1 ～ 5 の範囲だったので、ドロップダウンの z-index をもっと大きくすると、正しく表示されるようになりました。