当尚未完成时，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/

这将在所有的浏览器日在支持转变。