# CSS2DRenderer Stopping the Raycaster Rays

**URL:** <https://discourse.threejs.org/t/css2drenderer-stopping-the-raycaster-rays/63492>\
**Category:** Questions\
**Tags:** css2dobject, ray, css2drenderer, raycaster\
**Created:** [April 1, 2024, 10:17am UTC](https://discourse.threejs.org/t/css2drenderer-stopping-the-raycaster-rays/63492 "2024-04-01T10:17:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Deepak\_Saini](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/deepak_saini/32/39552_2.png) [@Deepak\_Saini](https://discourse.threejs.org/u/Deepak_Saini)\
**Post date:** [April 1, 2024, 10:17am UTC](https://discourse.threejs.org/t/css2drenderer-stopping-the-raycaster-rays/63492/1 "2024-04-01T10:17:40Z")

</div>

I had sprites in my 2d Scene, and  
normally it was working fine with raycaster working properly.  
But when i add CSS2DRenderer in the scene. I was not able to interact with the objects, I have changed its zIndex of the div in which all the other labels are rendered, It blocked the interaction with buttons rendered in threejs scene.

How can i fix this ?

 ![Screenshot 2024-04-01 154323](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/d/7d3afe6de05bfd409b1ccd1157330a89ffce531b.png)

---

<div class="post-metadata">

**Author:** ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\
**Post date:** [April 1, 2024, 10:44am UTC](https://discourse.threejs.org/t/css2drenderer-stopping-the-raycaster-rays/63492/2 "2024-04-01T10:44:19Z")

</div>

Depends on what you’re exactly aiming for - would just setting ‘pointer-events: none;’ in CSS give the effect your aiming for?