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

标签 jquery html css internet-explorer-7 navigation

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

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

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

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

有人有什么想法吗?我已经为此工作太久了,需要尝试一些新鲜事物。

最佳答案

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

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

关于jquery - 检测鼠标悬停在 div 上的 IE 7 CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2770535/

相关文章:

javascript - 为什么此代码没有更新“添加到购物车”按钮的行为?

html - CSS 流体列,固定边距; chalice 的 chalice

javascript - HTML Javascript 幻灯片放映不起作用

html - 文本脱离 div 容器

javascript - 添加 jquery 代码后 anchor 不起作用

javascript - 获取表javascript的行索引

javascript - 如何使用 jQuery 或纯 JavaScript 检索 Unicode 转义序列?

javascript - jQuery 每个循环不更新变量中的 HTML

javascript - 使用图像按钮更改标签名称不起作用

javascript - 使用按钮 jquery 添加新行然后删除按钮