“吸盘鱼之子” CSS 菜单 - 子菜单在 IE7 中未关闭

发布于 2024-07-06 06:50:04 字数 645 浏览 7 评论 0原文

尽管我最有说服力地反对,但我最近被迫实施水平下拉导航系统,所以我选择了我能找到的最友好的一个 - Suckerfish 之子

我在我的机器上的各种浏览器中进行了测试,一切似乎都很好。 然而,一些(但不是全部!)IE7 用户遇到了一个问题,即子菜单悬停在其上后不会关闭。 最烦人的是,受影响的用户正在使用与我完全相同的 IE7 版本 (7.0.5730.13),在同一操作系统上具有相同的隐私和安全设置(我什至让他们发送“Internet 选项”中选项卡的屏幕截图) (XP)。 我无法验证 Vista 是否受到影响。

显然,尝试调试这个问题是一场噩梦,因为我无法复制它,所以我想知道这里是否有人可以并且可能知道如何解决它。 我在这里设置了一个示例页面:

http://x01.co.uk/menu_test/

此外,翻转时会出现烦人的闪烁我也尝试解决但没有成功的子项目,因此任何帮助也将不胜感激。

Despite my most convincing cries to the contrary, I was recently forced to implement a horizontal drop-down navigation system, so I opted for the friendliest one I could find - Son of Suckerfish.

I tested in various browsers on my machine and all appeared to be fine. However, some (but not all!) IE7 users are experiencing an issue where sub menus do not close after they have been hovered over. The most annoying thing is that the affected users are using the exact version of IE7 that I am (7.0.5730.13), with the same privacy and security settings (I even had them send screenshots of the tabs in Internet Options) on the same OS (XP). I cannot verify if Vista is affected or not.

Obviously trying to debug this issue is a nightmare since I cannot replicate it, so I am wondering if anyone here can and might know how to solve it. I have set up an example page here:

http://x01.co.uk/menu_test/

Additionally, there's an annoying flicker on rollover of the sub items which I have also tried to solve with no success, so any help with that would also be appreciated.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

蓦然回首 2024-07-13 06:50:04

这是 IE7 中当页面的另一部分具有焦点时(即,您单击某处,然后将鼠标悬停在菜单上)时出现的问题。 这似乎是 :hover 伪类的问题。

将 hasLayout 触发器添加到 :hover 样式应该可以解决该问题。

#nav li:hover {
  position: static;
}

还有其他解决方案。 这里有一篇关于这个问题的精彩文章:

Sticky Sons of Suckerfish

This is a problem that occurs in IE7 when another part of the page has focus (ie, you clicked somewhere and then mouse-over the menu). It seems to be an issue with the :hover pseudo-class.

Adding a hasLayout trigger to the :hover style should fix the problem.

#nav li:hover {
  position: static;
}

There are other solutions too. There's a great write-up about the problem here:

Sticky Sons of Suckerfish

画中仙 2024-07-13 06:50:04

为了进行测试,为什么不从 MS 自己下载 Vista IE7 VPC 映像?

http://www.microsoft.com/ downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF

但不确定该错误。 记得有类似的问题,我认为这是因为你需要一个 JS。 将尝试找出答案

For testing why not download the Vista IE7 VPC image from MS themselves?

http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF

Not sure about the bug though. Remember having similar issues I think its because you need a JS. Will try and find out

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文