悬停在ie9中的嵌套ul上不起作用 [英] Hover doesn't work on nested ul in ie9

问题描述

我有此网站，左侧菜单上的酒店链接上有一个嵌套菜单。出现在hotel悬停的子菜单在左侧有一个缺口，但由于在间隙中鼠标悬停嵌套的ul元素，在Firefox或Google Chrome中没有问题。但是这不工作在IE9（不确定其他版本），因为我无法到达子菜单，因为它消失。

I have this website where on the left menu there's a nested menu on the "hotel" link. The submenu that appears hovering "hotel" has a gap on the left, but since in the gap the mouse hovers the nested "ul" element there are no problems in Firefox or Google Chrome. But this doesn't work in IE9 (not sure about other versions), infact I can't reach the submenu because it disappears.

这是一个已知的错误？我做错了什么？

Is this a known bug? Am I doing something wrong?

推荐答案

IE9看到< ul /> padding-left或< li /> margin-左为空内容，因此鼠标悬停直接通过它。
我不知道为什么它这样做，但一个简单的修复将是添加重复的透明背景图像，或者如果不需要传统支持，添加 background-color：（255， 255，255，0.01）

IE9 is seeing the <ul/> padding-left or <li/> margin-left as empty content and so the mouse hover goes straight through it. I'm not sure why it is doing this but an easy fix would be to add a repeating transparent background image or, if legacy support is not needed, add background-color: (255, 255, 255, 0.01)

这篇关于悬停在ie9中的嵌套ul上不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！