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

首先，我从以下网站获得了这个很棒的3D立方体的代码：

我想做的是在每个面上添加一些带有悬停状态的div。到目前为止，它似乎在很大程度上起作用，但是，某些旋转状态会导致Chrome中的悬停状态失败（在Mozilla中工作正常）。以下是我到目前为止的情况：

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

对于如何使悬停状态始终工作的任何帮助，我们将不胜感激

---

干杯

在提出问题时，这似乎是chrome中的一个bug。我认为最新版本的chrome（28.0.1500.95）没有任何问题

不确定“悬停状态”是什么意思？还注意到，

透视图

属性显然在Firefox中不起作用，但它在Firefox中Chrome@MusikAnimal：它们表示将鼠标悬停在立方体的一个面上的小

div

上。是的，我也注意到，

透视图

属性在Chrome中工作，但在Firefox中不起作用。@MusikAnimal我说的是类为“cell”的div。当你将鼠标悬停在它上面时，它的背景应该会改变颜色。此外，Mozilla还不支持透视属性？即使删除了透视属性，chrome中的问题仍然存在。