简单的 CSS 下拉菜单在 IE6 或 7 中不起作用
我使用的是一个非常简单的 CSS 下拉菜单，它在大多数现代浏览器中都能很好地工作。不幸的是，它还必须在 IE6 和 7 中运行，但目前还不能运行。谁能快速检查一下并告诉我是否可以轻松修复？
如果需要的话，我并不反对使用 JavaScript。
标记和 CSS：http://paste2.org/p/826583
I'm using a very simple CSS dropdown menu which works well in most modern browsers. Unfortunately it must also work in IE6 and 7, which it currently does not. Can anyone please check it out very quickly and tell me if it can be easily fixed?
I'm not adverse to using JavaScript if required.
The markup and CSS: http://paste2.org/p/826583
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
:hover 伪选择器在 IE6 或 IE7（怪异模式）中不适用于非链接（例如您的 li）。这就是为什么最初流行的 CSS 下拉菜单包含了一些 JavaScript。
如果您仍然遇到间距等问题，我会查看 Son of Suckerfish 下拉菜单。 IMO 是 CSS 下拉菜单的黄金标准。
The :hover pseudo selector doesn't work in IE6 or IE7 (quirks mode) for non-links (your li's for instance). That's why the original popular CSS dropdown included a bit of JavaScript.
If you're still having issues with spacing and such, I would check out the Son of Suckerfish Dropdowns. IMO the gold standard of CSS dropdowns.
我认为您不应该尝试调试您的 CSS，而应该从一个已确认可在 IE6 和 7 中工作的菜单开始。有很多，如果您按照该标准开始，您将节省大量时间。
我使用 jQuery 和 droppy。非常简单，适用于所有情况。一旦找到有效的方法，请继续使用它，这样就可以避免在未来的项目中产生所有这些浪费。
Rather than trying to debug your CSS, I think you should just start with a menu that is confirmed to work in IE6 and 7. There are many, and if you start with that criteria, you'll save a lot of time.
I use jQuery and droppy. Extremely simple and works on everything. Once you find one that works, keep using it so you avoid all this waste on any future projects.