# How to check if a CSS2DObject is occluded by other objects?

**URL:** <https://discourse.threejs.org/t/how-to-check-if-a-css2dobject-is-occluded-by-other-objects/10034>\
**Category:** Questions\
**Tags:** annotations, css-renderer, webgl-renderer\
**Created:** [October 4, 2019, 11:08am UTC](https://discourse.threejs.org/t/how-to-check-if-a-css2dobject-is-occluded-by-other-objects/10034 "2019-10-04T11:08:12Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [October 4, 2019, 11:53am UTC](https://discourse.threejs.org/t/how-to-check-if-a-css2dobject-is-occluded-by-other-objects/10034/2 "2019-10-04T11:53:18Z")

</div>

Related:

> [@CSS3DObject is visible through webgl 3D Objects](https://discourse.threejs.org/t/css3dobject-is-visible-through-webgl-3d-objects/9606):
>
> I am using CSS3DRenderer for rendering HTML on FBX 3d objects. It’s working fine but when I rotate my scene, HTML is visible through 3D objects like transparent. I am new in Threejs. any advice or guidance would be greatly appreciated. I have recorded a video for your reference [https://drive.google.com/file/d/1cwjZwuSWOylvCF\_tBoI41J2eYbB0zMB7/view](https://drive.google.com/file/d/1cwjZwuSWOylvCF_tBoI41J2eYbB0zMB7/view) this.scene = new THREE.Scene(); this.scene2 = new THREE.Scene(); this.addRoulettable(); this.renderThings(); addRoulettable() { …

---

_[View the full topic](https://discourse.threejs.org/t/how-to-check-if-a-css2dobject-is-occluded-by-other-objects/10034)._