【发布时间】：2013-08-17 16:00:17
【问题描述】：
首先，我从http://www.paulrhayes.com/2009-07/animated-css3-cube-interface-using-3d-transforms/获得了这个很棒的 3D 立方体的代码
我想要做的是在每个面上添加一些带有悬停状态的 div。到目前为止，它似乎大部分都在工作，但是，某些旋转状态会导致悬停状态在 Chrome 中失败（在 Mozilla 中工作正常）。这是我目前所拥有的：http://jsfiddle.net/BUbeQ/1/
重现问题的最简单的箭头键操作：Down-Right 或 Down-Left-Left（注意：确保先单击结果窗口内的任意位置，否则箭头键将不起作用）
任何关于如何让悬停状态始终有效的帮助将不胜感激。
干杯
【问题讨论】：
-
不确定“悬停状态”是什么意思？还注意到
perspective属性显然在 Firefox 中不起作用，但它在 Chrome 中 -
@MusikAnimal：他们的意思是悬停在立方体的一个面上的小
div上。是的，我也注意到perspective属性在 Chrome 中有效，但在 Firefox 中也无效。 -
@MusikAnimal 我说的是“单元格”类的 div。当您将鼠标悬停在它上面时，它的背景应该会改变颜色。另外，看起来 Mozilla 还不支持透视属性？即使您删除了透视属性，看起来问题仍然存在于 chrome 中。
标签： javascript html google-chrome css webkit-transform