Three.js CSS3DObject在Firefox上不可单击
我在Firefox最新版本上遇到过这个问题(没有测试过以前的版本) 在我将CSS3DObject设置为一个位置后:Three.js CSS3DObject在Firefox上不可单击,three.js,Three.js,我在Firefox最新版本上遇到过这个问题(没有测试过以前的版本) 在我将CSS3DObject设置为一个位置后: { "x": 86.72438691726555, "y": 59.24408563389257, "z": -400.84457553626225 } 然后我就不能再在Firefox上点击这个对象了(但Chrome可以工作)。但当我把相机旋转到其他位置时,它就工作了 我已经在Codepen上创建了一个小提琴来重现该问题,请在全屏模式下查看: 有人能告诉我什么时候CSS3DOb
{ "x": 86.72438691726555, "y": 59.24408563389257, "z": -400.84457553626225 }
然后我就不能再在Firefox上点击这个对象了(但Chrome可以工作)。但当我把相机旋转到其他位置时,它就工作了
我已经在Codepen上创建了一个小提琴来重现该问题,请在全屏模式下查看:
有人能告诉我什么时候CSS3DObject可以点击吗?
谢谢css3drender的工作方式是创建一组
并向其添加转换。总的结构是:
<div id="container">
<div> <!-- This is the renderer.domElement -->
<div> <!-- This is the scene -->
<div> <!-- This is the Object3D -->
.scene{
边框:5px虚线#f90;
指针事件:无;
}
.YT视频{
宽度:480px;
高度:360px;
背景:#0f0;
光标:指针;
指针事件:自动;
}
.YT视频:悬停{
背景:#f00;
}