CSS3 Translate3d:元素仍然可以点击,即使它不在Firefox上

时间:2014-08-08 09:12:16

标签: javascript html5 css3 firefox css-transforms

我使用transform3D创建了一个大的立方体,并且我在该立方体的每一侧放置了6个DIV,这些DIV都是可点击的。

为了让用户感觉他们在这个立方体中,我使用以下css技巧将立方体的质心移动到场景的中心:

TweenMax.set(cubeContainer, {perspective:500});
TweenMax.set(cube, {z : 500});

用户可以拖动多维数据集使其旋转。

当该立方体的rotationX和rotationY为0时,背面应该是不可见的,并且由于透视设置,不会触发任何鼠标事件。

在Chrome上运行正常。

在Firefox上,它是不可见的,但会触发鼠标事件。

这会怎么样?

即使我将“背面可见性”设置为“隐藏”,它仍然无效。

有任何想法要解决它吗?

感谢。


更新

我添加了jsFiddle

你可以看到形状仍然是可点击的(只需点击容器的中心),即使它完全不在场景中。

但它在Chrome上完全消失了。这是Firefox的错误吗?

或者我的代码中需要修复一些内容?

0 个答案:

没有答案