Three.js CSS3DObject在Firefox上不可单击

Three.js CSS3DObject在Firefox上不可单击,three.js,Three.js,我在Firefox最新版本上遇到过这个问题(没有测试过以前的版本) 在我将CSS3DObject设置为一个位置后: { "x": 86.72438691726555, "y": 59.24408563389257, "z": -400.84457553626225 } 然后我就不能再在Firefox上点击这个对象了(但Chrome可以工作)。但当我把相机旋转到其他位置时,它就工作了 我已经在Codepen上创建了一个小提琴来重现该问题,请在全屏模式下查看: 有人能告诉我什么时候CSS3DOb

我在Firefox最新版本上遇到过这个问题(没有测试过以前的版本)

在我将CSS3DObject设置为一个位置后:

{ "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;
}