简单的 CSS 下拉菜单在 IE6 或 7 中不起作用答案

【问题标题】：Simple CSS dropdown menu does not work in IE6 or 7简单的 CSS 下拉菜单在 IE6 或 7 中不起作用
【发布时间】：2011-02-19 05:37:18
【问题描述】：

我正在使用一个非常简单的 CSS 下拉菜单，该菜单在大多数现代浏览器中运行良好。不幸的是，它也必须在 IE6 和 7 中工作，而目前它不能。谁能快速检查一下，并告诉我是否可以轻松修复？

如果需要，我不反对使用 JavaScript。

【问题讨论】：

提示：:hover 不适用于 IE6 中除 a 之外的其他元素。唯一的解决方案是 Javascript。顺便说一下，它只适用于这里的 IE7（用真正的 IE7 和IETester 测试过）。
感谢您的测试 - 我知道它在 IE7 中几乎不起作用，但是当您将鼠标悬停在每个顶级菜单项的 1px 边框上时，子级项似乎“消失”了。有任何想法吗？谢谢。

【解决方案1】：

:hover 伪选择器在 IE6 或 IE7（怪癖模式）中不适用于非链接（例如您的 li）。这就是original popular CSS dropdown 包含一些 JavaScript 的原因。

如果您仍然遇到间距等问题，我会查看Son of Suckerfish Dropdowns。 IMO 是 CSS 下拉菜单的黄金标准。

【讨论】：

【解决方案2】：

与其尝试调试你的 CSS，我认为你应该从一个确认在 IE6 和 7 中工作的菜单开始。有很多，如果你从那个标准开始，你会节省很多时间.

我使用 jQuery 和 droppy。非常简单，适用于一切。一旦你找到一个可行的，继续使用它，这样你就可以避免在未来的任何项目中浪费所有这些。

【讨论】：

谢谢，但我真的很想知道为什么我目前非常简单的解决方案至少在 IE7 中不起作用。
明白了。这还算公平。我认为开发人员的时间比理解构思不佳的浏览器设计更重要。在旧浏览器中调试任意细微差别所花费的时间可以更好地用于学习一些你可以使用的东西。可能是。我是这些人中的一员，他们从来没有记住 IE 的每一个缺点。我更喜欢把产品拿出来。因此，使用被证实始终有效的技术并坚持下去。