我使用transform3D创建了一个大的立方体,并且我在该立方体的每一侧放置了6个DIV,这些DIV都是可点击的。
为了让用户感觉他们在这个立方体中,我使用以下css技巧将立方体的质心移动到场景的中心:
TweenMax.set(cubeContainer, {perspective:500});
TweenMax.set(cube, {z : 500});
用户可以拖动多维数据集使其旋转。
当该立方体的rotationX和rotationY为0时,背面应该是不可见的,并且由于透视设置,不会触发任何鼠标事件。
在Chrome上运行正常。
在Firefox上,它是不可见的,但会触发鼠标事件。
这会怎么样?
即使我将“背面可见性”设置为“隐藏”,它仍然无效。
有任何想法要解决它吗?
感谢。
更新
我添加了jsFiddle
你可以看到形状仍然是可点击的(只需点击容器的中心),即使它完全不在场景中。
但它在Chrome上完全消失了。这是Firefox的错误吗?
或者我的代码中需要修复一些内容?