具有下拉菜单的跨浏览器CSS水平导航 - 是否有这样的事情？

Question

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

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

tl; dr 您使用下拉菜单在水平导航中使用哪些代码，以便在IE6和IE7中工作？

Answer 1

"Suckerfish Dropdowns"是我脑海中浮现的。

以下是更新版本：http://www.htmldog.com/articles/suckerfish/dropdowns/

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

Answer 2

几乎在我的所有设计中，我不得不为臭氧浏览器IE6，IE7和IE8添加conditional styles。并与大家分享，IE9并不是更好，因为它不支持CSS3 Transitions。无论如何，我强烈建议您停止搜索一个包罗万象的解决方案，并尝试创建条件样式，如果有必要，甚至可以为IE建立conditional scripts，原因如下：

1. 我们的开发人员几乎总是需要支持IE，因为它有相当多的browser market share。
2. IE有许多known problems，它们从未被微软解决，社区也为此找到了技巧和解决方法。
3. 分别对IE进行单独解决比尝试解决包中的IE和其他浏览器（体验）成本更低