純CSS下拉菜單

我一直在Facebook應用程序上工作，你知道在Facebook上不允許原生javascript，他們有自己的實現FBJS，這對於創建類似菜單的東西來說是很麻煩的。純CSS下拉菜單

有沒有任何純CSS下拉解決方案沒有任何JavaScript的參與（javascript用於所有我見過的解決方案來解決IE6）？

2010-02-27 Sarfraz

所有的CSS下拉菜單都非常直接的實現。不過，我相信IE6需要Javascript，因爲它不會：懸停在任意元素上。 – Seth 2010-02-27 20:24:38

你應該仍然可以使用純CSS的IE6，通過包裝任何你需要'：hover'在''上。 – Jacob 2010-02-27 20:27:10

@Seth：同意問題出在哪裏，我不需要javascript，不確定這是否可能。 – Sarfraz 2010-02-27 20:27:41

是的，有許多認同。看看Listamatic。

你可以拿一個簡單的列表並使用不同的層疊樣式表來創建完全不同的列表選項嗎？ Listamatic顯示了將CSS應用於一個簡單列表時的強大功能。

有垂直和hortizonal菜單，使用純CSS。

一些工作的例子：

其實，你可以實現具有幾行基本清單：你需要的JavaScript如果

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

注你支持IE6（因爲它不適用於li：hover）。

2010-02-27 20:23:04 Sagi

你可以在IE6中顯示一個沒有javascript的工作演示嗎？ – Sarfraz 2010-02-27 20:28:54

@Sarfraz我編輯了我的答案。告訴我，如果你發現這些鏈接有用。 – Sagi 2010-02-27 20:36:29

是的，這些都是有用的+1謝謝 – Sarfraz 2010-02-27 20:41:45

谷歌最近開始phasing out IE6 support並通知他們的應用程序的域名客戶升級其用戶。除非你服務的市場或客戶羣，你知道使用IE6，無法或不願意升級我只是忽略它，並使用：懸停解決方案sans JavaScript。

2010-02-27 21:02:08

回答