IE 6中没有js的纯css下拉菜单（如果js被禁用）？答案

【问题标题】：Pure css drop down menu without js ( if js is disabled) in IE 6?IE 6中没有js的纯css下拉菜单（如果js被禁用）？
【发布时间】：2009-10-23 09:22:22
【问题描述】：

我在各种网站上发现了许多 css/js 菜单脚本，它们在 FF、IE7 和 safari 中运行良好，如果 JS 被禁用但在 IE 6 中没有，则需要添加 IE 6 小 js 文件，因为 IE 不支持悬停但我的问题是我们可以为 IE6 制作 pre css 下拉菜单吗？ IE 6 支持 :hover on 然后我们可以为 IE6 和所有其他浏览器制作不带 javascript 的下拉菜单。 ?

【问题讨论】：

标签： css accessibility

【解决方案1】：

唯一合法的非 JS 解决方法虽然很讨厌，但使用条件和 table 元素：

http://www.cssplay.co.uk/menus/final_drop.html

编辑：

实际上，Stu 似乎有一种新方法，它依赖于巨大的边距偏移，大量显式的堆叠顺序声明，我认为他正在使用某种浮动下降。

似乎是由 Paul O'B/Timo @http://www.sitepoint.com/forums/showthread.php?t=635116&page=5 开创的

http://www.cssplay.co.uk/menus/new-dropdown.html

【讨论】：

【解决方案2】：

这在 IE6 中不太可行，因为 IE6 支持 :hover，但它只支持链接元素，没有其他支持。您可以回退到 CSS 表达式，但此时您实际上是在向 IE6 发送一些自定义 Javascript，而且 CSS 表达式往往会像没人管的事一样泄漏内存。

【讨论】：

【解决方案3】：

您可以考虑使用仅 CSS 的解决方案，例如 GRC 的 Steve Gibson 编写的解决方案。

【讨论】：