左のメニューの「ホテル」リンクにネストされたメニューがあるこのWebサイトがあります。「hotel」をホバーして表示されるサブメニューは左側に隙間がありますが、その隙間にマウスがネストされた「ul」要素をホバーするので、Firefox や Google Chrome では問題ありません。しかし、これはIE9では機能しません(他のバージョンについてはわかりません)。実際、サブメニューが消えるため、サブメニューにアクセスできません。
これは既知のバグですか? 私は何か間違ったことをしていますか?
左のメニューの「ホテル」リンクにネストされたメニューがあるこのWebサイトがあります。「hotel」をホバーして表示されるサブメニューは左側に隙間がありますが、その隙間にマウスがネストされた「ul」要素をホバーするので、Firefox や Google Chrome では問題ありません。しかし、これはIE9では機能しません(他のバージョンについてはわかりません)。実際、サブメニューが消えるため、サブメニューにアクセスできません。
これは既知のバグですか? 私は何か間違ったことをしていますか?
IE9は、<ul/>
左パディングまたは左<li/>
マージンを空のコンテンツとして認識しているため、マウスをそのまま通過します。なぜこれを行っているのかわかりませんが、簡単な修正は、繰り返し透明な背景画像を追加するか、レガシーサポートが必要ない場合は追加することです。background-color: (255, 255, 255, 0.01)
ネストされた UL の 20px のパディングを削除してみてください
次に、ULに-5pxのマージントップを与えます
次に、ネストされた LI 要素に 20px の左マージンを与えます