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

Cross-browser CSS horizontal nav with dropdowns - is there such a thing?

本文关键字：下拉菜单 CSS 浏览器 水平 导航      更新时间：2023-09-26

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

我想知道是否有人有一个具体的解决方案，在所有的浏览器工作?这是一个很常见的设计元素。我很乐意依靠CSS、Javascript、浏览器hack等等——任何能在所有浏览器中产生一致可用的导航的东西。

tl;dr在IE6和IE7中使用下拉菜单的水平导航的代码是什么?

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

更新后的版本:http://www.htmldog.com/articles/suckerfish/dropdowns/

几乎在我所有的设计中，我都必须为IE6, IE7和IE8这些糟糕的浏览器添加条件样式。和你分享一下，IE9并不更好，因为它不支持CSS3过渡。无论如何，我强烈建议你停止搜索一个包揽一切的解决方案，并尝试创建条件样式，如果有必要，甚至条件脚本的IE，由于这些原因:

    我们开发人员几乎总是需要支持IE，因为它有相当大的浏览器市场份额。
  1. IE有许多微软从未解决过的已知问题，社区为它找到了技巧和变通方法。
  2. 单独寻址IE比尝试在一个包中寻址IE和其他浏览器花费更少(经验)
相关文章：