在悬停时使用div的纯CSS下拉

时间:2012-08-05 17:02:11

标签: css html drop-down-menu block

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

http://iq.gs/cssdropdown

图片中的左上角是透明的或纯色以匹配顶部导航栏。我要做的是将六个不同颜色的盒子显示为块元素,这样当有人在导航部分上盘旋时,六个盒子就会下拉并可以用作链接。我不知道该怎么做,因为我是CSS的新手。

请帮忙!

1 个答案:

答案 0 :(得分:3)

这样的东西? :http://jsfiddle.net/SpJ5f/

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