title: Unity GUI always appearing on top another game object
body: <p>The following question is regarding unity UI and sorting layer interaction.
  I wanted to create a card game, the card game object consist of sprite and text component.</p>
  
  <p><strong>Issue</strong></p>
  
  <p>The problem occurs when another card game object appear on top of each other. What happen is the UI will still be appear/visible on top regardless the z position is.</p>
  
  <p><a href="https://i.stack.imgur.com/fwbxF.png" rel="nofollow noreferrer">current build</a></p>
  
  <p><strong>Setting</strong></p>
  
  <p>The following is the hierarchy of the card game object</p>
  
  <ul>
  <li>Card Object(Game Object)
  
  <ul>
  <li>Card Art (Sprite/Sorting Layer: CardComponent 0)</li>
  <li>Card Header (Sprite/Sorting Layer: CardComponent 2)</li>
  <li>Card Tail (Sprite/Sorting Layer: CardComponent 2)</li>
  <li>Card Body (Sprite/Sorting Layer: CardComponent 1)</li>
  <li>Canvas (Sorting Layer: Card Component 3,Render Mode: World Space)</li>
  <li>Text</li>
  <li>Text</li>
  </ul></li>
  </ul>
  
  <p>The Camera setting changes only on projection perspective only.</p>
  
  <p>Any help would be appreciated, thank you</p>