Layering elements with z-index – Web design tutorial (using the Old UI)

Layering elements with z-index – Web design tutorial (using the Old UI)


You can alter an element’s z-index to change its position along the z-axis (an imaginary dimension that extends into and out of your computer screen, creating the illusion of depth). Increasing the z-index on an element allows it to “sit on top of” elements with a lower z-index, and lowering the z-index can make an element sit beneath elements with a higher z-index. But z-index only works with elements that have relative, absolute, or fixed positioning.

In this video, we’ll show you how to use z-index on relative, absolute, and fixed position elements in Webflow.

Get started with Webflow:


  1. what software you are using at 0:55

  2. Thanks for short and to the point video. I use Thrive Architect and see the option for Z index but never really understood how it works.

  3. no bullshitty intro, no advertising 'if you lik this video, subscribe to my other vids, blah blah…'… just Straight to the point. THIS IS WHAT THE INTERNET WAS MADE FOR…. Congratulations – you're in Internet Heaven. Halelujah !

  4. Straight to the point!!! 🙂

  5. Awesome video, thank you a lot! Best greetings from Austria. 🙂

  6. like we learned in ap calc haha

  7. What builder or application were you using

  8. Do you have this in a step-by-step for those of us not as advanced?

Leave a Reply

Your email address will not be published. Required fields are marked *