# z-index in CSS

#### **z-index**
 z-index is what decides where your element would be placed on 3-dimension. When you have an element that is not positioned, Where you haven't set it to absolute or relative or fixed. The z-index is not applied.

<iframe height="300" style="width: 100%;" scrolling="no" title="z-index" src="https://codepen.io/junoonl/embed/NWYvvKq?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href="https://codepen.io/junoonl/pen/NWYvvKq">
  z-index</a> by Junho Shin (<a href="https://codepen.io/junoonl">@junoonl</a>)
  on <a href="https://codepen.io">CodePen</a>.
</iframe>
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/z-index">https://developer.mozilla.org/en-US/docs/Web/CSS/z-index</a>