當尚未完成時，Css轉換不會順利轉換

Question

1. 我有一個背景圖像，在下列情況下會更改爲另一圖像：懸停。
2. 我用過渡來顯示這種效果。
3. 當轉換完成時，我的舊圖像在失去焦點時使用相同的轉換（不懸停）。

請參見工作示例（使用鉻）： http://jsfiddle.net/WZqrY/3/

我的問題：當 我取出鼠標中途進入第一過渡的第二過渡效果不會apears。您可以嘗試將鼠標移入圖像一秒鐘，然後將其移出圖像。我怎樣才能讓這一切順利進行？

注意：當我使用顏色代替圖像時，這種效果確實按我假裝的方式工作。

Answer 1

背景圖像的轉換似乎是一個意外的「副作用」，這不是全功能的，已位居瀏覽器

「關於Chrome瀏覽器18和上，WebKit Nightlies版這隻能建於2012年的支持非常有限。以後這似乎是的CSS4交叉淡入淡出的工作副作用」 - source

現在您更好的選擇將是‘在一個容器2個圖像’的解決方案 - http://jsfiddle.net/WZqrY/4/

這將在所有的瀏覽器日在支持轉變。