Html 如何在没有Javascript的情况下使用下拉菜单制作CSS选项卡?

Html 如何在没有Javascript的情况下使用下拉菜单制作CSS选项卡?,html,css,tabs,drop-down-menu,Html,Css,Tabs,Drop Down Menu,我需要使标签,也有下拉菜单和要求,他们必须在没有JavaScript的工作。这是可能的吗?在什么地方有这样的好例子吗 这里有一个试试看,Internet Explorer需要Javascript,因为旧版本只支持:悬停在链接上。基本上,您需要在锚标记上使用hover伪类。为了避免使用javascript,您需要确保导航是结构化的,以便锚可以像ie6中那样执行此操作,这是唯一允许悬停的元素。因此,在关闭状态下使用CSS,将包含下拉列表的元素设置为display:none,然后在悬停状态下将其设置为

我需要使标签,也有下拉菜单和要求,他们必须在没有JavaScript的工作。这是可能的吗?在什么地方有这样的好例子吗

这里有一个

试试看,Internet Explorer需要Javascript,因为旧版本只支持:悬停在链接上。

基本上,您需要在锚标记上使用hover伪类。为了避免使用javascript,您需要确保导航是结构化的,以便锚可以像ie6中那样执行此操作,这是唯一允许悬停的元素。因此,在关闭状态下使用CSS,将包含下拉列表的元素设置为display:none,然后在悬停状态下将其设置为display:block

这实际上相当简单——最难的是将下拉列表放置在您想要的位置。

看到了吗

这是纯css。请参阅源代码以了解

这是由免费的css下拉菜单框架构建的

仅适用于IE6或更早版本的最少JavaScript代码。其他一切都是纯CSS

如果你在所有浏览器中都需要纯css,包括IE 6,试试这个

但它也有一些局限性

编辑:

这也是纯css菜单


这包括IE5.x、IE6、IE7的Beta、所有新旧Netscape、Mozilla、Firefox(在PC和Linux平台上)、Operas、Safari和许多其他Mac浏览器

我以前问过几乎类似的问题