0

最近、別の質問を送信しました。これは、RackSpaceでのようなメニューの作成と、以下のコードを使用した場合の回答です。

   == CSS ==

    .main > li{
        float: left;
        padding: 5px;
    }


    .sub li {
        height: 30px;
        background-color: black;
        width: 1000px;
        display: none;
    }

    .main > li:hover .sub li {
        display: block;
    }

   == HTML ==

    <ul class="main">
    <li>
    Hosting
    <ul class="sub">
    <li>cPanel Hosting Solutions</li>
    <li>cPanel Reseller Solutions</li>
    <li>Plesk Hosting Solutions</li>
    <li>Plesk Reseller Solutions</li>
    </ul>
    </li>
    <li>
    Menu 2
    <ul class="sub">
    <li>Lorem</li>
    <li>Ipsum</li>
    <li>Dolor</li>
    <li>Sit</li>
    <li>Amet</li>
    </ul>
    </li>
    <li>
    Menu 3
    <ul class="sub">
    <li>Lorem</li>
    <li>Ipsum</li>
    <li>Dolor</li>
    <li>Sit</li>
    <li>Amet</li>
    </ul>
    </li>
    <li>
    Menu 4
    <ul class="sub">
    <li>Lorem</li>
    <li>Ipsum</li>
    <li>Dolor</li>
    <li>Sit</li>
    <li>Amet</li>
    </ul>
    </li>
    </ul>

もちろんこれにはスタイリングが必要ですが、私の要点は、メニュー項目にカーソルを合わせると、次の項目が移動するように見えるということです。次のメニュー項目を移動しないようにするにはどうすればよいですか？私が言っていることの例は、このリンクにあります。

前もって感謝します、

スコット

4

1 に答える 1

0

position: absoluteサブメニュー項目にを追加するだけです。

http://jsfiddle.net/hA4RE/

于 2012-07-28T04:22:19.227 に答える