相机在CSS2DObject之后，为什么还能看到CSS2DObject？

Question

我在场景中添加了CSS2DObject。

self.labelDiv = document.createElement( 'div' );
self.labelDiv.className = 'label';      
self.labelDiv.innerHTML = textshow; 
self.label = new THREE.CSS2DObject( self.labelDiv );            
self.label.position.set(obj.x, obj.y, obj.z);   
this.scene.add(lab);

效果如下： label1

我将摄像机向前移动，直到看不到模型，但标签再次显示。 label2

是什么原因？如何避免呢？ 谢谢。

Answer 1

CSS渲染器无法像WebGL渲染器那样进行剪辑，因此它依赖于视锥剔除来摆脱对象...

检查控制台中是否显示任何错误/警告？

检查您是否正在使用最新的THREE.js？

确定您的对象未禁用frustumCulling吗？

确定您的css对象可能具有某种定界框或定界球吗？