これにJSソリューションを使用する必要がないように、可能な限り見ています。しかし、それがこれを機能させるための私の唯一のオプションである場合、弾丸を噛むことはできません。
トグル ボタンがあるスライド アウト ナビゲーション セクションがあります。このナビゲーション セクションは、対応するトグル ボタンがあるトップバーをカバーしています。
:hoverどちらも、属性に適用された CSS3 アニメーションを使用したホバー アニメーションを持っています。私の問題は、両方のトグル ボタンが互いに位置合わせされているために発生します。そのため、ナビゲーションを開いたり閉じたりするときにカーソルを移動する必要はありません。このため、:hover下にある新しい要素でイベントがトリガーされているようには見えません。マウスを動かすまでカーソル..
ただし、Firefox ではトリガーされるように見えます。
jQueryのホバーイベントが起動しないという問題を抱えている人を見てきました：こちら
これを行うためのcssまたはhtmlの方法を誰かが知っていれば、私はとても助かります。私のフィドルはここにあります： http://jsfiddle.net/Lm2fa/1/
編集：これをテストするには、メニューを開く/閉じるボタン（左上のハンバーガー）をクリックしてから、マウスを動かさずにもう一度ボタンをクリックしてナビゲーションを閉じます..:hoverマウスをクリックまたは移動したときにのみイベントが発生するはずです
編集：これはOSX Chrome、OSX Safariで確実に発生しているようです（テストするPCを持っていません）