Chrome と Firefox ではうまく機能するが、IE9 ではうまく機能しない基本的な CSS のみのドロップダウン メニューがあります。問題は、私が実装しているデザインでは、親アイテムの水平行とサブ ナビゲーション アイテムのそれぞれの子リストの間にわずかなギャップがあることです。
親liのホバーにサブメニューを表示しています。サブメニューはすべてのブラウザで問題なく表示されます。
この問題は、親 li とサブメニューの順序なしリストの間の小さな (約 10 ピクセル) ギャップを越えてカーソルを移動しようとすると発生します。Li に大きな高さを適用する (およびその子アンカー要素に小さな高さを適用する) ことによってギャップが作られるため、カーソルは実際には親 li を離れません。カーソルが子リンク上になくなったら。
ギャップを越えてカーソルを非常に速く動かすと、実際にサブメニューに移動して問題なく使用できますが、これは使いやすさの理由から良くありません.
ここで本当に明白な何かが間違いなく欠けています!!
問題を表示するには、http://beta.pancreaticcanceraction.org/にアクセスしてください。
サイトにアクセスするには、その URL の末尾に「preview2012」を追加します (クロールされた場合に備えて、リンク全体を下に置きたくありませんでした)。
助けてくれてありがとう！