# Using Two Canvas

**URL:** https://discussions.unity.com/t/using-two-canvas/664992
**Category:** UGUI
**Tags:** UGUI, com\_unity\_modules\_ui
**Created:** [May 17, 2017, 8:16pm UTC](https://discussions.unity.com/t/using-two-canvas/664992 "2017-05-17T20:16:06Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Darkhalo45](https://avatars.discourse-cdn.com/v4/letter/d/87869e/32.png) [@Darkhalo45](https://discussions.unity.com/u/Darkhalo45)
#### Post date: [May 17, 2017, 8:16pm UTC](https://discussions.unity.com/t/using-two-canvas/664992/1 "2017-05-17T20:16:06Z")

</div>

I am trying to make a smooth fade transition between scenes, but cant get it to work how I want it to. I have two canvases, one is in the scene and the other canvas, which contains the fading background, is DontDestroyOnLoad. I want the canvas with the fading background to be on top of all the other UI, but the canvas in scene is overlapping the other one. How can I change which canvas goes first?

---

<div class="post-metadata">

### Author: ![christougher](https://avatars.discourse-cdn.com/v4/letter/c/5daacb/32.png) [@christougher](https://discussions.unity.com/u/christougher)
#### Post date: [May 17, 2017, 11:07pm UTC](https://discussions.unity.com/t/using-two-canvas/664992/2 "2017-05-17T23:07:12Z")

</div>

Are the canvases both screen space overlay? Also what is the sort order for each canvas? Set the fading canvas to a higher number. If they both have the same number I think their hierarchy in the scene determines which is rendered on top.

---

<div class="post-metadata">

### Author: ![SimonDarksideJ](https://dub1.discourse-cdn.com/unity/user_avatar/discussions.unity.com/simondarksidej/32/89515_2.png) [@SimonDarksideJ](https://discussions.unity.com/u/SimonDarksideJ)
#### Post date: [May 27, 2017, 9:20am UTC](https://discussions.unity.com/t/using-two-canvas/664992/3 "2017-05-27T09:20:18Z")

</div>

I would recommend having a separate scene for the fading UI and include it in your master scene. That way you don’t need “DestroyOnLoad” as you are simply adding new scenes behind it.

But as @christougher states, the higher the position in the hierarchy determines when something gets drawn.
