1

blogger.google.com でホストされているブログを持っています。

最近、「カテゴリ」というドロップダウン メニューで問題が発生しました。子要素（サブメニュー項目）は、カーソルをそれらの上に移動すると自動的に消えます。このような同様の質問に対する他の回答を試しましたが、私の場合はあまり役に立ちませんでした.

ドロップダウン要素を選択できるように、マウスを上に移動したときにドロップダウン要素をその場所に残しておきたいだけです。

誰でも問題を確認できますか？

私のウェブサイトのリンクはhttp://www.techtreck.inです

[カテゴリ] タブに移動すると、私が何を言っているのかが正確にわかります。

事前に多くの感謝..

..すぐに返事が欲しい!!

4

3 に答える 3

3

There is a hidden gap between you main menu and sub menu.Inspecting you css with firebug, I found this in your code :

#top li ul {
    background: none repeat scroll 0 0 #111111;
    margin-top: 20px;
    padding: 5px 0 3px;
    width: 187px;
}

Now margin-top: 20px; is too far from main menu. So change it to:

#top li ul {
        background: none repeat scroll 0 0 #111111;
        margin-top: 14px;
        padding: 5px 0 3px;
        width: 187px;
    }

And it will work fine.

于 2012-08-21T11:41:34.057 に答える
3

マウスを十分に速く動かすと動作します:P

しかし、それはカテゴリと実際のドロップダウンの間のギャップが原因のようです。マウスを下に移動すると、ギャップに入るため、onmouseover イベントがトリガーされなくなり、ドロップダウンが非表示になります。

カテゴリ ボタンと完全に一致するように、ドロップダウンの位置を上に移動する必要があります。

于 2012-08-21T11:31:21.697 に答える
2

メインメニューとサブメニューの間のギャップが問題の原因です。@kakarott ソリューションも私がすることです。これははるかに簡単なソリューションです。ただし、設計上ギャップがある場合でも、css をいじることで目的の結果を得ることができます。このような何かがうまくいくはずです：

  • サブULの背景色を削除して透明にします
  • sub ul の余白をパディングに変更する
  • サブリのマージンもパディングに変更します
  • サブ UL にあった背景色をサブ LI に設定します
  • サブ ul にあったパディングをサブ li の対応するパディングに追加します

（私はこれをテストしませんでしたが、何も忘れていなければ、私が思うトリックを行うはずです）

これが行うことは、ネストされた ul を透明にし、親の li に重ねることです。このようにして、マウスをサブメニューに移動したときに、ホバー状態がトリガーされたままになります。視覚的には変更がないはずです。

于 2012-08-21T12:45:43.070 に答える