纯CSS下拉菜单

Question

我一直在研究facebook应用程序，你知道在facebook上本机javascript是不允许的，他们有自己的实现FBJS，这在创建菜单等东西时很麻烦。

是否有任何纯CSS下拉解决方案，没有任何javascript参与（在我看到的解决IE6的所有解决方案中都使用了javascript）？

Answer 1

是的，有很多方法。看看Listamatic。

  

您可以使用简单列表并使用不同的层叠样式表来创建完全不同的列表选项吗？ Listamatic在应用于一个简单列表时显示了CSS的强大功能。

有垂直和hortizonal菜单，使用纯CSS。

一些工作示例：

1. http://www.xs4all.nl/~peterned/examples/cssmenu.html
2. http://www.tjkdesign.com/articles/dropdown/demo.asp

实际上，您可以使用几行来实现基本列表：

li ul { display: none; } 
li:hover > ul { display: block; }

请注意，如果您支持IE6，则需要JavaScript（因为它不适用于li：hover）。

Answer 2

Google最近开始phasing out IE6 support并通知他们的域名客户应用升级其用户。除非您服务的市场或客户群使用IE6并且无法或不愿意升级，否则我只需忽略它并使用：hover solution sans javascript。