javascript - 纯 CSS 下拉菜单

Question

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

是否有任何不涉及 javascript 的纯 CSS 下拉解决方案（javascript 用于我见过的所有解决 IE6 的解决方案）？

score 2 · Accepted Answer

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

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

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

一些工作示例：

实际上，您可以用几行代码实现一个基本列表：

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

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

score 2 · Accepted Answer

谷歌最近开始逐步取消对 IE6 的支持，并通知他们的应用程序让域客户升级他们的用户。除非您服务于您知道正在使用 IE6 并且无法或不愿意升级的市场或客户群，否则我会忽略它并使用 :hover 无 javascript 解决方案。

2 回答 2