1

純粋なcssドロップダウンメニューが機能しています

html;

<ul id=nav>
<li><a href="">Main Link 1</a>
    <ul>
        <li><a href="">Main Link 1 Sub Link 1</a></li>
        <li><a href="">Main Link 1 Sub Link 2</a></li>
        <li><a href="">Main Link 1 Sub Link 3</a></li>
        <li><a href="">Main Link 1 Sub Link 4</a></li>
    </ul></li>
<li><a href="">Main Link 2</a></li>
<li><a href="">Main Link 3</a>
<ul>
        <li><a href="">Main Link 3 Sub Link 4</a></li>
        <li><a href="">Main Link 3 Sub Link 4</a></li>
        <li><a href="">Main Link 3 Sub Link 4</a></li>
        <li><a href="">Main Link 3 Sub Link 4</a></li>
    </ul></li>
<li><a href="">Main Link 4</a></li>
</ul>

すべての CSS コードをここに掲載することはできないため、以下の完全なフォームをご覧ください。

http://jsfiddle.net/hF3dm/

私の問題は、メール リンクをホバーしてサブ リンクに進むと、メイン リンクのホバー状態が消えることです。サブリンクにカーソルを合わせている間、メインリンクのホバー状態をアクティブに保つにはどうすればよいですか?

4

2 に答える 2

3

最善の方法は、メイン リンクのホバー状態を「a」タグではなく「li」タグに配置することです。

ul#nav li:hover {
  // do something
}
于 2012-11-16T12:22:24.790 に答える
2

私はちょうど追加しました：

#nav li:hover { background-color: #a32a31; color: #fff; }

あなたの例（cssの一番下）に、今必要なことをしているようです

http://jsfiddle.net/hF3d/6/の例

于 2012-11-16T12:27:04.730 に答える