鼠标悬停时扩展的菜单，纯粹通过CSS完成？

Question

有人告诉我，一旦他们可以通过CSS创建菜单，你怎么能？

Answer 1

通过选择器完成。您可以使用伪类来指定仅在其父元素悬停时显示的特定元素。

#nav li:hover > ul {
display: block;
}

只有在其父元素#nav被悬停时才会显示ul。 ul现在是下拉菜单，您可以在其中放置更多列表项。这将适用于您希望下拉菜单具有的多个级别。

本教程非常精确地展示了这种技术：CSS3 Dropdown Menu

Answer 2

我正在打一个答案，但this simple, short page比我说的更好。基本上，您在展开的部分上执行display: hidden，然后在其悬停状态下向触发器元素添加display: block。

Answer 3

在flyout menu处尝试 CSS Play by Stu Nicholls 。

Answer 4

Drop-Down Menus, Horizontal Style

Answer 5

Google是您的朋友css menus。

另外，请查看Pure CSS Menus上的Eric Meyers页面。