0

ここで見つけることができるメニューがあります... http://jsfiddle.net/EUaNY/

今、私はそれと同じスタイルのサブメニューを持ちたいと思っていますが、その特定のリンクのサブアイテムとともにそのすぐ下に表示されます。このメニューは でページの中央に配置され、ページmargin: 0 auto;の幅は ですwidth: 978px;。これは .header-nav-menu で確認できます。私のCSSがかなり基本的なものを含めていなかったら申し訳ありません。ご不明な点やご質問がございましたら、喜んでお答えいたします！ありがとう！

ところで、Javascript は使用したくありませんが、必要な場合は問題ありません。

4

2 に答える 2

2

サブメニューをホバー時に表示するかどうかはわかりませんが、次の 2 つのクラスを追加することにより、ストレート CSS を使用するのは非常に簡単です。

.header-nav-menu li > ul {
    display: none;
    position: absolute;
    width: 100%;
    padding: 4px 0;
    background: #3E0C0D;
}

.header-nav-menu li:hover > ul {
    display: block;
}

更新された jsFiddle は次のとおりですhttp://jsfiddle.net/EUaNY/1/

于 2012-05-30T04:09:24.550 に答える
0

そのヘッダー内の各アイテムがサブアイテムをその下に (垂直方向または水平方向に) 表示するようにしたい場合、CSS で厳密にこれを実現する方法はありません。ごめん。

この場合、単純な Javascript は、jQuery ライブラリをただ放り込むよりも複雑になります。このように...

http://www.webchief.co.uk/blog/simple-jquery-dropdown-menu/index.php

于 2012-05-30T03:19:28.130 に答える