さて、ページ、ナビゲーション、リンクの2つのドロップダウンメニューがあります。リンクは正常に動作しますが、マウスの上にマウスを置くとナビゲーションが消えます。なぜ、私は尋ねているのか分かりません。 ナビゲーションメニューにカーソルを置いても表示されなくなるのはなぜですか?私の上にマウスを置いてもドロップダウンメニューが表示されないのはなぜですか?
答えて
#crwrap
という名前の左メニューにハングアップしている要素があります。したがって、マウスをナビゲーションオプションに移動すると、ナビゲーションメニューの代わりに#crwrap
要素を突然ホバーしているため、マウスアウトがトリガーされます。表示されませんが、DOM検索をサポートするデバッグツールを使用すると、ナビゲーションメニューオプションの領域をカバーするようになります。
[リンク]メニューをカバーしていないため、問題はありません。
#crwrap
を削除した場合(またはz-index: -999
を使用してバックグラウンドに移動した場合)、正常に動作します。
メニューは、メニューセクション内の要素のマウスオーバーとマウスアウトでトグルされる示すためにあなたのJS。サブメニューはこれらの要素の内部にネストされていません。したがって、マウスをサブメニューの方向に動かすと、サブメニューを隠しているメインメニュー項目でマウス出力がトリガーされます。
メインメニュー項目のコンテナ内にサブメニュー項目を入れ子にすることをお勧めします。
私はまた、CSS hybrid menusについての優れたalistapart.comの記事をチェックすることをお勧めします。それは便利ないくつかの優れたポインタとテクニックを持っています。
なぜリンクメニューは機能し、ナビゲーションはできませんか?それらは同じようにコード化されています。 – CyanPrime
トグルを使用しています。トグルは、非表示と表示の切り替えを行います。最初のメニューでは奇数のホバーイベントが発生し、2番目のイベントは偶数になります。 – Chris
大丈夫、私はそれらをコピーして貼り付けました。($ linklink、#linksmenu、#navilink、#navimenu)それがうまくいくかどうかを確認するためのメインメニューですが、私はまだ同じエラーが発生しています。あなたは私のサイトでそれを見ることができます、私はそれをアップロードしました。 – CyanPrime
- 1. マウスを動かすとドロップダウンメニューが表示されなくなる
- 2. スライダーメニューにドロップダウンメニューが表示されない
- 3. ドロップダウンメニューに値が表示されない
- 4. ページテンプレートがドロップダウンメニューに表示されない
- 5. ドロップダウンメニューが表示されない?
- 6. ビューポート/メディアクエリでも、マイページがAndroid上で正しいサイズで表示されないのはなぜですか?
- 7. なぜHTML5のドラッグ&ドロップdragImageが非表示になっても表示されないのですか?
- 8. ドロップダウンメニューがmax-widthの中央に配置されていないのはなぜですか?
- 9. 私の.gifがブラウザに表示されないのはなぜですか?
- 10. オーチャードに私のリストが表示されないのはなぜですか?
- 11. 私の絵がキャンバスに表示されないのはなぜですか?
- 12. 私のコントロールがパネルに表示されないのはなぜですか?
- 13. 私のイメージがMicrosoft Edgeに表示されないのはなぜですか?
- 14. 私のリテラルコントロールにPDFコンテンツが表示されないのはなぜですか?
- 15. 私のKconfigエントリがmenuconfigに表示されないのはなぜですか?
- 16. application_controllerのメソッドが表示されないのはなぜですか?私applicatin_controller.rbで
- 17. 私のjsonデータがイオンアプリで表示されないのはなぜですか?
- 18. 私のvspackageのコンテキストメニューが表示されないのはなぜですか?
- 19. なぜ私の出力がすぐに表示されないのですか?
- 20. GridSplitterが表示されないのはなぜですか?
- 21. ブートストラップ:グリフィンが表示されないのはなぜですか?
- 22. Canvasウィンドウが表示されないのはなぜですか?
- 23. キャンバスが表示されないのはなぜですか(Android)?
- 24. ブログが表示されないのはなぜですか?
- 25. キャンバスが表示されないのはなぜですか(Android)?
- 26. 背景が表示されないのはなぜですか?
- 27. ボタンが表示されないのはなぜですか?
- 28. AS3 SimpleButtonが表示されないのはなぜですか?
- 29. ProgressDailogが表示されないのはなぜですか?
- 30. Tier Priceが表示されないのはなぜですか?
チャームのように働いた。ありがとう^ _ ^ – CyanPrime