html - CSS ドロップダウンメニュー、親をクリック不可

Question

CSS フライアウトメニューを作成しました。ホバーするとサブメニューが飛び出すようですが、これが必要です。私が抱えている唯一の問題は、li a にサブメニューがあり、最上位のメニュー項目をクリックできないことです。Firebug で、それが上に重なっていることがわかります。

これを修正する方法はありますか？

ありがとう

score 3 · Accepted Answer

サブメニュー ul にマイナスの z-index を指定すると、問題が解決します。

#nav ul ul {
    display: none;
    z-index: -1;
    }

編集

サイトを見た後、回答を変更しました。

fromで次のように変更すること#nav ul ul liから始めます。

#nav ul ul li {
    top: 42px;
    }

に

#nav ul ul li {
    top: 0px;
    }

次に、以下を#nav ul ul

#nav ul ul {
    display: none;
    position: relative;
    margin-top: 32px;
    padding-top: 10px;
    }

これで問題は解決します。#nav ul ulは、問題の原因となったタグの上に配置されていました。

score 0 · Accepted Answer

あなたの問題は、li タグに「トップ」プロパティを指定した方法に関連していると思います。そのプロパティを単に削除し、代わりにネストされた順序付けられていないリストタグに配置すると、(以下のように) 非常に役立ちます。そうしないと、サブメニューがメニューに重なってしまうためです。

#nav ul ul {
  left: 0;
  list-style: none outside none;
  padding:0;
  position: absolute;
  top: 38px; /* this is what I added */
}

あなたがjsfiddleに持っているものの独自のバージョンを作成しました。ここを見てください：http://jsfiddle.net/akiryk/EJ8u2/2/

また、css とリストの基本的な使用法に関するいくつかの役立つチュートリアルを確認するのに少し時間を費やすことをお勧めします。

html - CSS ドロップダウン メニュー、親をクリック不可