我在 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/