問題タブ [megamenu]

メガメニューを作成しようとしています (フィドルを参照してください: http://jsfiddle.net/BKHNk/ ) が、メニューから飛び出す <div> にリンクを配置するときに問題が発生します。メニュー 1 の下のドロップダウンは私が望んでいるものですが、メニュー 2 に見られるようにテキストをリンクに変えるとすぐに、すべての書式設定がうまくいきません。問題は、リンクが属性を継承していることだと思いますが、それを防ぐ最善の方法がわかりません。

基本的に横幅は内容に応じて必要最小限の幅でお願いします。セクションのテキストは 1 行にする必要があります。サブセクションの項目はすべて、各サブセクションのテキスト (カンマは除く) をリンクとして、独自の行に配置する必要があります。繰り返しますが、基本的にメニュー 1 の外観とまったく同じです。

また、サブセクションの項目を順不同のリストに変更しようとしましたが、それはさらに複雑になり、そうする必要はないと思います。

2行目のすべてのテキストが折り返されている継承されているものと、それを防ぐ方法を誰かが理解するのを手伝ってくれますか? ありがとう！

以下の HTML コード:

以下のCSS：

小さなものを手に入れました。ホバーで少し一時停止した後にメガメニューが表示される必要があります。

ホーミングが信じられないほど面倒になるまで、メガメニューはうまく機能しました！

使用してみhoverIntentましたが、リンクとメニューではなく、リンクだけでマウスの「非表示」を停止するために必要な機能を理解できませんか?

私のおそらくパンツコードはこうして...

私は以前に尋ねられた質問を調べていて、SetTimeOutなどの言及を見ましたか? しかし、私はそれの頭も尻尾も作ることができません。

http://www.designchemical.comのjquery Vertical Mega メニューを使用し ています。ページが読み込まれると、最初にレンダリング時にすべてのメニュー (サブメニューを含む) が一瞬表示され、その後サブメニューが消えて次のようになります。通常の垂直メニュー。

水平メガメニューに指定された以下のソリューションを使用してみましたが、うまくいきません...

それを機能させる方法を提案してください

htmlコード

作業中の Wordpress サイトにMega Menu Pluginを統合しました。メイン コンテナがmax-width設定されているため、最後のメニュー項目が切り捨てられます。同じままで最後のアイテムをオーバーフローさせたいmax-width。メニューとメインコンテナで 設定overflow-xしてみましたが、役に立ちませんでした。z-indexullidiv

EDIT：メニューの親が持っていましたoverlow: hidden。overflow: inherit問題を修正するように設定しました。