代码之家 › 专栏 › 技术社区 › Peter

仅使用CSS悬停子级的菜单

menu css html

Peter · 技术社区 · 15 年前

我想知道是否有可能用纯HTML和CSS(没有javascript,htc文件,…)创建一个对子项有下拉效果的菜单。它不需要滑动或任何东西(我知道这是不可能的),只要在悬停时显示。

编辑:它必须在IE中工作。

谢谢!

4 回复 | 直到 10 年前

twk 15 年前

请看一下这个纯粹的CSS菜单创建者: purecssmenu.com

rahul 15 年前

看一看

我也想知道为什么你不想要javascript。

ProZach 15 年前

我已经解决过几次了……我也想要纯粹的CSS,使用ul's和li's进行布局。这花了我一段时间和大量的阅读,最终我基于其他很多人的来源编写了自己的CSS。不幸的是,我必须确保它在IE6中也能工作。

这个网站有很多很好的例子: CSSPlay

同样,您也可以查看这个的源代码: CSS Menus

我的结果是几个的结合。

Menu.So 10 年前

悬停显示效果是用 li>ul{display:none} li:hover>ul{display:block;} 选择器。

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前