css - CSS 相対配置テキスト

Question

ホバリング時にドロップダウンがあるナビゲーション バーがあります。そのすぐ下に、相対的に配置されたテキストがあります。ナビゲーションバーでトリガーをホバリングすると、ドロップダウン メニューが表示されますが、関連テキストが非表示になる代わりに、ドロップダウンの上にテキストが表示されたままになります。

hide()ホバリング時に jquery をトリガーできることはわかっていますが、純粋な CSS アプローチはありますか?

Answer 1

配置要素の ( relative、absolute、fixed) の重なり順は で設定しz-indexます。

z-index: 10ナビゲーション バーとz-index: 5テキストに設定します。

もちろん、これらの数値 (5,10) は任意です。重要なことは、5 < 10 であるということです。