javascript - 带有下拉菜单的跨浏览器 CSS 水平导航 - 有这样的东西吗？

Question

我创建了一个具有水平导航和每个水平导航一级下拉菜单的网站。它适用于所有浏览器，除了 IE7(下拉菜单不起作用)和 IE6(每个 <li> 和 <a> 都是 100% 主体宽度)。我讨厌在网络上浏览另外 10 个教程并在所有浏览器中测试每个教程。调试我当前的可能需要更长的时间。

我想知道是否有人有适用于所有浏览器的具体解决方案？这是一个很常见的设计元素。我很乐意依赖 CSS、Javascript、浏览器 hacks 等 - 任何能在所有浏览器中产生一致可用导航的东西。

tl;dr您使用什么代码来实现带有下拉菜单的水平导航，以便在 IE6 和 IE7 中工作？

Answer 1

"Suckerfish Dropdowns"是我想到的。

这是一个更新版本:http://www.htmldog.com/articles/suckerfish/dropdowns/

请注意，包含使其在 IE6 中运行所需的 JavaScript 代码。