Chrome动画CSS3 3D立方体带有悬停状态问题

Question

首先，我从http://www.paulrhayes.com/2009-07/animated-css3-cube-interface-using-3d-transforms/

获取了这个令人敬畏的3D立方体的代码

我想要做的是在每个脸上添加一些具有悬停状态的div。到目前为止它似乎在大多数情况下工作，但是，某些旋转状态会导致Chrome中的悬停状态失败（在Mozilla中正常工作）。以下是我到目前为止：http://jsfiddle.net/BUbeQ/1/

重现问题的最简单的箭头键操作：向右或向左 - 向左（注意：确保首先单击结果窗口内的任何位置，否则箭头键将不起作用）

任何有关如何让悬停状态始终有效的帮助将不胜感激。

干杯

Answer 1

在问题发生时，这似乎是Chrome中的一个错误。我在最新版本的chrome（28.0.1500.95）

中没有看到任何问题