如何制作像WikiHow这样的导航栏?继续

时间:2013-12-14 10:42:22

标签: css

我想要像WikiHow这样的导航栏(顶部有一张图片,下面是文字),当鼠标悬停在按钮上时,我希望图标更改为另一个图标。但是我该如何管理?

所以基本上当按钮悬停时我想让图像变成另一个图像。

http://jsfiddle.net/JmZbG/3/

...

1 个答案:

答案 0 :(得分:0)

您应该将:hover与您想要的其他图像一起使用。我从谷歌中选择了1,仅作为示例。

li:hover .nav_icon {
    background: url('http://enews.cityyear.org/customer_images/32/wordpress-icon-small.jpg');        
}

<强> DEMO