【问题标题】:IE drop down menu problemsIE下拉菜单问题
【发布时间】:2012-08-01 23:28:55
【问题描述】:

据我所知,它只发生在 IE9 中,并且只有在打开兼容模式时才会发生。我让我的一个朋友看了一下,它在他的 IE9 的 PC 上运行良好,所以看起来它也可能与某些操作系统隔离。

下拉菜单出现在错误的顶级菜单-

该网站可以在这里看到 - http://www.traffic-club.org/

我一直在研究 CSS,据我所知,一切都是 kosher。感谢您提供任何反馈!

【问题讨论】:

  • 你朋友的屏幕尺寸和你一样吗?
  • 这也是运行 IE7 时的问题,而不仅仅是 IE9 兼容模式。
  • 请不要屏蔽您的链接。
  • 尝试先修复这些验证错误,以确保它不是标记问题。 validator.w3.org/…

标签: html css internet-explorer drop-down-menu


【解决方案1】:

在我看来,这个问题的一个很好的解决方案是:

position: relative; 添加到具有下拉菜单的lis 中,并在用户悬停链接时将left 属性设置为0(而不是auto)。

它在您的 css 文件中的第 121 行:

left: auto;

【讨论】:

    【解决方案2】:

    已确认,这是由 IE7 引起的问题。您可以使用 IE 的 CSS 选择器专门针对出现问题的浏览器进行轻微的 CSS 修改。

    从这里开始:http://css-tricks.com/snippets/css/browser-specific-hacks/,这应该会让你走上正确的道路。

    当然,您仍应确保您的代码均已正确验证。但有时 IE 无论如何都不听,这也是将来可能派上用场的解决方案。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-08-19
      • 2013-03-29
      • 2012-12-20
      • 1970-01-01
      相关资源
      最近更新 更多