將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

回答