1

CSSで親クラスにカーソルを合わせると、クラスの表示を有効にするのに問題が発生します。つまり、メニュークラスの上にホバー効果でサブメニュークラスを有効にしたいのです。このための私のhtmlコードは次のとおりです。

<li class="menu"><a href="#">Link</a></li>
        <ul class="subMenu">
            <li><a href="#">Link A</a></li>
            <li><a href="#">Link B</a></li>
            <li><a href="#">Link C</a></li>
        </ul>

そして、対応するcssは次のとおりです。

    .subMenu
{
    display:none;
    visibility:hidden;
}

.menu:hover .subMenu
{
    display:inherit;
    visibility:visible;    
}

今、私はホバー効果に問題があります。

4

1 に答える 1

1

menu ulmain 内にsub を追加する必要がありますli。現在は の外側にあるliため、ホバーしても表示されません。

このようにhtmlを変更します

<ul>
    <li class="menu"><a href="#">Link</a>
        <ul class="subMenu">
            <li><a href="#">Link A</a></li>
            <li><a href="#">Link B</a></li>
            <li><a href="#">Link C</a></li>
        </ul>
    </li>
</ul>

デモ

于 2013-03-04T10:29:50.073 に答える