将3张图片设置为一种CSS翻转效果？

嗨我正在使用css翻转代码来更换超链接图像，但现在我需要更改另一组图像。用户将鼠标悬停在有趣的事实上，菜单按钮发生变化，但在菜单下方还有另一个图像，我想要更改。我必须为第二次发送的图像做一个div显示/隐藏，或者我可以将两个图像绑定到悬停css效果来更改？将3张图片设置为一种CSS翻转效果？

2011-05-19 acctman

你必须使用JavaScript来做到这一点。我建议JQuery。 – Alp 2011-05-19 00:13:04

我试图保持清除jquery/jscript，我想保持网站编码灯 – acctman 2011-05-19 00:17:04

@Nightfirecat @SirB - 显然你会击败我在危险 – 2011-05-19 00:22:39

也许你在做什么是类似的呢？ http://css-tricks.com/css-sprites/

2011-05-19 00:20:14 Nightfirecat

一个a:link，a:visited和另一个用于a:hover

2011-05-19 00:20:20 breezy

我需要一种方式来双重悬停，所以效果改变菜单图像和菜单框底部的图像 – acctman 2011-05-19 01:04:26

您可能需要使用jQuery来实现这一点。 – breezy 2011-05-19 01:11:48

您应该使用CSS雪碧来改变图像。低系统影响，无JavaScript工作。这里有几个引用：

2011-05-19 00:21:13

我使用的是一个PNG精灵图像的菜单图像。我只是想要加入另一张图片。当用户将鼠标悬停在Fun Fact上时！我想要一个健康图表的图片出现在菜单框的底部。 – acctman 2011-05-19 01:02:58

你没有给我们一个链接到网站，但为什么不让悬停状态图像部分透明。顶部将是按钮图像，然后是空白区域，然后是要在框底部显示的图片。您可能需要使用z-index来确保图片正确显示。 – 2011-05-19 15:14:07

回答