0

最も内側のネストされたリンクは、2 番目に内側のネストされたリンクに表示されます。親がクリックされるまで表示されるべきではありません。

HTML :

<ul>
    <li class="current-menu-ancestor">
        <a href="#">about us</a>
        <ul class="sub-menu">
            <li class="current-menu-ancestor">
                <a href="#">locations</a>
                <ul class="sub-menu">
                    <li class="current-menu-ancestor">
                        <a href="#">georgia</a>
                        <ul class="sub-menu">
                            <li class="current-menu-item">
                                <a href="#">atlanta</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

こちらをご覧ください: http://guardianwebtest.edulence.com/ashford/locations/main/georgia

3 つのレイヤーが機能しますが、何らかの理由で 4 番目のレイヤーがオーバーレイされます。なぜこれが起こっているのか分かりません。

4

1 に答える 1

3

この問題は、以下のルールで宣言されている高さが原因で発生します。それを削除すると、すべてのアイテムが一緒に押しつぶされなくなります。

#content-wrap #sidebar li ul.sub-menu li ul.sub-menu li,
#content-wrap #sidebar ul.sub-menu li:first-child ul.sub-menu li{
    background: url("images/l-nav-subnav.gif") no-repeat scroll 0 0 transparent;
    margin-left: 30px;
    padding-left: 15px;
    height: 20px; /* remove this line */
}
于 2012-05-14T16:35:51.620 に答える