問題タブ [suckerfish]

私は、構築しているサイトにドロップダウンカスケードメニューを実装しなければならないという不幸な立場にあります。私は、主にCSSベースであり、ネストされたULとLIの単純なセットで機能するSuckerfishスタイルのソリューションを探しています。

Son of Suckerfishは道のりのようですが、マウスを離すとすぐに消えてしまう方法は好きではありません。調整が困難なユーザーは、サイトをナビゲートするのに悪夢を見るでしょう（または単に気にしないでください。これは企業サイトなので、おそらく私が実装したものを何でも使用しなければならない人もいます）。

私が必要とさえ考えていなかったきちんとした機能は大歓迎ですが、私が探している2つの主要な要素は次のとおりです。

1. ネストされたUL/LI構造を使用したマルチレベル
2. 追加のJavaScriptによって提供されている場合でも、メニューが「マウスアウト」されたときに消えるまでのわずかな（おそらく構成可能ですか？）遅延。

反対の私の最も説得力のある叫びにもかかわらず、私は最近、水平ドロップダウンナビゲーションシステムを実装することを余儀なくされたので、私が見つけた中で最も使いやすいものを選びました - Son of Suckerfish .

マシンのさまざまなブラウザーでテストしたところ、すべて問題ないように見えました。ただし、一部の (すべてではない!) IE7 ユーザーは、ホバーした後にサブ メニューが閉じないという問題に遭遇しています。最も厄介なことは、影響を受けるユーザーが、同じ OS で、私とまったく同じバージョンの IE7 (7.0.5730.13) を使用していて、プライバシーとセキュリティの設定が同じであることです (インターネット オプションのタブのスクリーンショットを送ってもらいました)。 （XP）。Vistaが影響を受けるかどうかは確認できません。

明らかに、この問題をデバッグしようとするのは悪夢です。なぜなら、私はそれを再現できないからです。そのため、ここにいる誰かが解決方法を知っているかどうか疑問に思っています。ここにサンプルページを設定しました：

http://x01.co.uk/menu_test/

さらに、サブアイテムのロールオーバー時にちらつきが発生しますが、これも解決しようとしましたがうまくいきませんでした。

私は個人的なプロジェクトのために吸盤ナビゲーションの修正版を作成しました。見た目もパフォーマンスも私が望むとおりです。ただし、IEでは完全に劣化します。私は昨日一日中、運のない解決策を見つけようとして過ごしました。だから私は自分よりも鋭い心を求めたいと思いました。私は今、ほとんど何でも開いています。現状では、ページは有効なHTMLおよびCSSです。

前もって感謝します。

ナビゲーションはここにあります：http：
//rachalconsulting.com/assets/samples/

スタイルシートはこちらです：http：
//rachalconsulting.com/assets/samples/style.css

そのメニュー項目のサブメニューにカーソルを合わせているときに、トップレベルのメニュー項目をホバーまたはアクティブな状態に保つ方法を求めています。

例はここにあります: http://marketplace.prettypollution.com - 「ニュース」メニュー項目にカーソルを合わせ (BG は暗くなります)、サブメニューに移動して表示されます - 「ニュース」項目が通常の状態に戻ります.

こんにちは、IE7 で問題が発生しています。私のメニューは常に div の後ろにドロップダウンします。

コード: (style.css)

html ファイル:

前もって感謝します！

Son of Suckerfish メニューをセットアップしましたが、メニュー項目にカーソルを合わせると、カーソルを合わせた項目の真下ではなく、画面の左側にサブメニューが表示されます。

例: http://blacktownworkersgroup.worldsecuresystems.com/bwc09/events

「イベント」にカーソルを合わせると、サブメニューがこの項目の下に表示されるはずです。

Safari と Chrome では正しく動作しますが、IE7、Firefox 3、Opera では動作しません。

この質問を見たことがありますが、自分のメニューに答えを適用できないようです。私のサッカーフィッシュメニューは基本的にこれです（http://htmldog.com/articles/suckerfish/dropdowns/example/vertical.html）テーブル。選択したオプション間を移動するときに、行ったすべてのオプションが強調表示されたままになり、現在の場所に到達するためにどのオプションを選択したかがわかるようにするにはどうすればよいですか? #nav、this、#nav、that など、付属のすべてのスタイルを試行錯誤しましたが、ネストされた 1 つのリスト項目の以前のすべてのメニューを一度に参照しているようには見えません。

私はこれを自分自身に教えてきたので、質問でできるだけ明確にしようとしました。うまくいけば、私は理にかなっています!!!

どうもありがとうございます！

メニューのドロップダウンが、ドロップダウンの下に表示されるコンテンツの背後に「隠れて」います。メニューは、Firefox、Opera、Safari、IE8 では正常に動作しますが、IE6 では動作しません。

この例は、このページ ( http://marketplace.prettypollution.com/news-events ) にあります。トップ メニューの [お問い合わせ] にカーソルを合わせると、下のコンテンツの背後に隠れています。

何か案は？