0

CSS のみのドロップダウン リストを作成しています。メインのナビゲーション リストと、ホバー時に表示されるサブメニューである<li>ネストされたものの周りに連続した境界線が必要です。<ul>

現在、z-index プロパティを使用して<ul>下に配置することにより、サブメニューと上部のナビゲーション バーが交わる上部の境界線を削除しようとしています。<li>に<li>は相対位置が関連付けられており、<ul>サブメニューはそれに関連して配置されます (z-index は配置された要素でのみ機能することに気付きました)。Z-index は機能しているように見えますが、境界線は引き続き表示されます。

ここでサンプルを見ることができます

4

1 に答える 1

0

非表示にしようとしている要素 (ul) は、一番上になければならない要素 (li) の直接の子孫です。これは、z-index では実行できません。(そして先祖の z-index は無関係です)

不要な境界線の部分を非表示にするには、li の子である別の要素を配置する必要があります。

つまり、父親と 2 人の子供がいる場合、最初に父親が移動し、次に z-index が小さい子供が移動します。z-index は兄弟間で優先しますが、父親の前の息子には優先しません。

于 2013-01-13T18:21:17.957 に答える