在 div 上检测鼠标悬停的 IE 7 CSS 问题

Question

我在 li 内有一个 div，作为网站顶部导航的一部分。

我在 IE 7 的框中有“洞”时遇到问题，这样当用户仍在下拉菜单上时下拉菜单就会消失。

我从一个纯 CSS 解决方案 (li:hover) 开始，它在除 IE 7 之外的所有浏览器中都非常有效。所以我现在添加了一个 jQuery/javascript 解决方案来检测鼠标何时进入和退出导航 li，然后添加一个类以显示下拉菜单。它工作得更好，但如果鼠标不在图像、p、h3 或标签上，那么它不会认为我在下拉的 div 上。非常沮丧。

我可以发布一些测试代码，但问题可以在这里查看：http://davincidays.org/

有人有什么想法吗？我已经为此工作太久了，需要一些新的尝试。

Answer 1

如果您没有使用严格的文档类型，则已知会导致 IE7 中的 :hover 伪类出现问题。尝试将其更改为 1.0 strict 以防止 IE 进入 quirks 模式，看看是否对您有任何帮助。

我在同一个问题上浪费了很多时间:)

Answer 2

好的，我在 Stack Overflow 上发现了另一个类似的问题：IE7 hover on div being lost when you touch a child element of that div

背景颜色是解决方案。我在内部元素中添加了 BG 颜色，瞧！成功了。