css - 悬停时带有 div 的纯 CSS 下拉菜单

标签 css html drop-down-menu block

我想在我的网站上实现非常简约的外观,我想知道如何实现这样的外观:

http://iq.gs/cssdropdown

图片中的左上角将是透明的或纯色的,以匹配顶部导航栏。我想要做的是将六个不同颜色的框显示为 block 元素,这样当有人将鼠标悬停在导航部分上时,这六个框就会下拉并可以用作链接。我不知道如何做到这一点,因为我是 CSS 新手。

请帮忙!

最佳答案

有这样的事吗? : http://jsfiddle.net/SpJ5f/

我没有费心使用您要求的颜色/字体等,只是其背后的想法

关于css - 悬停时带有 div 的纯 CSS 下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11818337/

相关文章:

css - 在 Volusion 左侧导航菜单中更改字体

c# - Asp.net MVC 下拉列表中的多个字段

html - CSS3 垂直对齐

javascript - 是否可以使用Jquery,Javascript,用一行代码为多个div触发 `OnMouseEnter`事件,

jquery - 停止向上滑动 DC jQuery 垂直 Accordion 菜单上的当前元素

php - 选择选项 MYSQL PHP Update

css - 如何在CSS中使用 float 创建表格布局

html - 删除列表左侧的空格 <li>

javascript - 使用 javascript 更改多个不同的类

html - 如何在 CSS 中使用 "all"属性