如何使用沒有Javascript的下拉菜單製作CSS選項卡？

Question

我需要製作也有下拉菜單的標籤，並且要求他們必須在沒有JavaScript的情況下工作。這是可能的嗎？這個地方有沒有好的例子？

Answer 1

看到這個http://www.lwis.net/free-css-drop-down-menu/dropdown.nvidia.com.html

這是純粹的CSS。看到了解的源代碼。

這是通過免費的CSS下拉菜單框架構建http://www.lwis.net/free-css-drop-down-menu/

最少的JavaScript代碼只針對IE 6或更早版本。其他一切都是純粹的CSS。

如果u需要純CSS在所有的瀏覽器包括IE 6試試這個

http://www.cssplay.co.uk/menus/new-dropdown.html

但它有一定的侷限性

編輯：

這也是純CSS菜單。

http://www.grc.com/menu2/invitro.htm

這包括微軟探索者第5.x，IE6，IE7的測試版，所有的新老Netscape的，Mozillas，Firefoxes（PC和Linux平臺），歌劇，Safari和其他許多Mac瀏覽器

Answer 2

這裏是一個Solution

Answer 3

嘗試Suckerfish，需要使用Javascript的Internet Explorer舊版本僅支持：在鏈接懸停。

Answer 4

基本上你需要在錨標籤上使用hover僞類。爲了避免使用JavaScript，您需要確保導航結構合理，以便錨點可以在ie6中執行此操作，這是允許懸停的唯一元素。因此，將CSS用於關閉狀態時，將包含下拉列表的元素設置爲顯示：none，然後在懸停上將其設置爲顯示：block;

這實際上是相當簡單的 - 最難的一點是將下拉定位在您想要的位置。