html - 标签在 IE 中缺乏实质内容，因此破坏了 CSS 菜单

Question

在构建站点时，我遇到了 IE 和我们的 css 菜单系统的一个奇怪问题。菜单顶层的 a 标签似乎缺少 Firefox 和 Chrome 提供的相同可点击区域。因此，因为 a 不与兄弟 ul 相邻，所以悬停会显示 ul，但是一旦您尝试移动到 ul，它就会消失，因为 IE 不认为您仍然悬停在包含 a 的 li 上。

这是我正在谈论的示例页面： IE和CSS菜单问题

我希望它在 IE >= 8 中工作

Answer 1

:hover在顶层包含定义<LI>而不是<A>- 子菜单不包含在锚标记中，因此当您将鼠标移到子菜单上时它会消失。

从改变

#menuh ul li a:hover

至

#menuh ul li:hover