1

これを構築するためのCSSで階層を取得していないと確信しています。実際にそれを説明してくれる場所や、各レベルがどのように機能するかを見つけることができないようです. 私はそれを示すものをいくつか見つけましたが、少なくとも私にとっては、わからない場合はそれを構築するとき、それを見るのはちょっと難しいです. 驚くほど今まで css を実際に使ったことはありませんでした。誰かが私のエラーを指摘して説明してくれても構わないなら、どうぞ。:)

正しいものを選択すると、最初の非表示のドロップダウンの下に水平に表示される2番目のドロップダウン(ドロップダウンへのドロップダウン)を追加しようとしています。これにより、正しいphp IDがリンクに入力されます。私はPHPを含めたので、間違って入れた場合、誰かが私にもそれを指摘することができました.

また、追加する：2番目のレベルの非表示のドロップダウンリンクは、入力されたプロジェクトにカーソルを合わせたときではなく、「プロジェクト」にカーソルを合わせたときにそこにあるようです。奇妙なことは、リンクが実際には表示されない (表示されない) ことですが、そこにマウスを置くと、リンクがあることがわかります。

http://jsfiddle.net/HHwLH/

4

1 に答える 1

1

あなたのCSSで

#navbar li:hover ul, #navbar li.hover ul {
    position: absolute;
    display: inline;
    left: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

あなたのサブメニューとサブサブメニューはこれによって影響を受けます。すべての子孫
にカーソルを合わせる と、マークアップで影響を受けます (サブメニューとサブサブメニュー)は の子であるため、子孫セレクターの代わりに子セレクターを使用して、直接の子メニュー/ul のみを表示できます。liul
ulli

#navbar li:hover > ul, #navbar li.hover > ul {
    position: absolute;
    display: inline;
    left: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

これは、サブメニューとサブサブメニューの両方で機能します

フィドル

于 2012-07-05T05:21:15.370 に答える