# Nested transparent meshes not all visible

**URL:** <https://discourse.threejs.org/t/nested-transparent-meshes-not-all-visible/52948>\
**Category:** Questions\
**Tags:** transparency\
**Created:** [June 17, 2023, 9:24am UTC](https://discourse.threejs.org/t/nested-transparent-meshes-not-all-visible/52948 "2023-06-17T09:24:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nate\_A](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/nate_a/32/29161_2.png) [@Nate\_A](https://discourse.threejs.org/u/Nate_A)\
**Post date:** [June 17, 2023, 9:24am UTC](https://discourse.threejs.org/t/nested-transparent-meshes-not-all-visible/52948/1 "2023-06-17T09:24:34Z")

</div>

> **[rgb-jgdcwk - CodeSandbox](https://codesandbox.io/s/rgb-jgdcwk-jgdcwk?file=%2Fsrc%2FExperience.js)**
>
> rgb-jgdcwk by nargaw using @react-three/drei, @react-three/fiber, loader-utils, react, react-dom, react-scripts, three

Hi I’m having trouble understanding this.

I have a box(#1) with low opacity and a box(#2) inside it that has medium opacity and a last box(#3) inside box#2 with high opacity. I wanted to see all the three meshes inside each other from the outside. When it loads I see box#1 and box#2 inside box#1. How can I see all three boxes?

Another question, when the camera is below box#2 it disappears! Why is that?

Thank you!

Nate

---

<div class="post-metadata">

**Author:** ![PavelBoytchev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pavelboytchev/32/38639_2.png) [@PavelBoytchev](https://discourse.threejs.org/u/PavelBoytchev)\
**Post date:** [June 17, 2023, 6:15pm UTC](https://discourse.threejs.org/t/nested-transparent-meshes-not-all-visible/52948/2 "2023-06-17T18:15:52Z")

</div>

Does it work as intended if all three boxes have:

```javascript
depthWrite={false}

```

---

<div class="post-metadata">

**Author:** ![Nate\_A](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/nate_a/32/29161_2.png) [@Nate\_A](https://discourse.threejs.org/u/Nate_A)\
**Post date:** [June 17, 2023, 8:18pm UTC](https://discourse.threejs.org/t/nested-transparent-meshes-not-all-visible/52948/3 "2023-06-17T20:18:05Z")

</div>

Yes, it does fix it. Thank you for your help 🙂
