# Z-index

An important concept for making elements feel immersive is where the **z-index** is set. A good rule of thumb is to set it right where the "ground" should be for that image.

To edit the z-index, you can select your object and directly modify it with the red z-index line. 

<div><figure><img src="https://107867006-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdnMYfhsZ5GJTgbm1KIe7%2Fuploads%2FwidEKGg8Nk71xlP00Wsh%2FCleanShot%202023-07-25%20at%2011.37.07%402x.png?alt=media&#x26;token=d1de4d9b-f3cd-422a-9a6b-0f18e4bb8080" alt=""><figcaption></figcaption></figure> <figure><img src="https://107867006-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdnMYfhsZ5GJTgbm1KIe7%2Fuploads%2F4Om1BsX5f1zML0wQvgZ3%2FCleanShot%202023-07-25%20at%2011.37.33%402x.png?alt=media&#x26;token=d5a59331-4c30-4d7d-b6b7-a63c6297d296" alt=""><figcaption></figcaption></figure></div>

When a player is **above** the z-index line, they will appear **behind** the element.

<figure><img src="https://107867006-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdnMYfhsZ5GJTgbm1KIe7%2Fuploads%2FE7mTkuCAGUNmfb9h497f%2FCleanShot%202023-07-25%20at%2011.42.55%402x.png?alt=media&#x26;token=aef928f4-0afe-4617-aa54-280852e45a2d" alt=""><figcaption></figcaption></figure>

By placing the z-index near the top of an element, you can create elements that players can walk entirely on top of; this will make them appear as though they are flat on the ground.

<figure><img src="https://107867006-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdnMYfhsZ5GJTgbm1KIe7%2Fuploads%2FoBZccN8cJJYpPBE9vbnO%2FCleanShot%202023-07-25%20at%2011.33.53.gif?alt=media&#x26;token=6a9e0ebe-9f9e-4158-9e59-045aad7fa644" alt=""><figcaption></figcaption></figure>

Placing the z-index low at the base of the element will make the element appear as if it is sitting in the world.

<figure><img src="https://107867006-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdnMYfhsZ5GJTgbm1KIe7%2Fuploads%2FJJef3bLUYFioVHSxvlDe%2FCleanShot%202023-07-25%20at%2011.29.25.gif?alt=media&#x26;token=09ca29e8-fec7-480b-aa87-65b313cebf85" alt=""><figcaption></figcaption></figure>

When editing elements, getting the z-index set correctly will make your world feel more immersive and alive. We recommend playing around with it until it feels right for each element.