Layering parts with z-index – Net design tutorial (utilizing the Previous UI)



You possibly can alter a component’s z-index to alter its place alongside the z-axis (an imaginary dimension that extends into and out of your laptop display, creating the phantasm of depth). Rising the z-index on a component permits it to “sit on prime of” parts with a decrease z-index, and reducing the z-index could make a component sit beneath parts with the next z-index. However z-index solely works with parts which have relative, absolute, or fastened positioning.

On this video, we’ll present you the way to use z-index on relative, absolute, and glued place parts in Webflow.
———-

Get began with Webflow:
https://assist.webflow.com/programs/getting-started

http://webflow.com

http://fb.com/webflow

source

23 thoughts on “Layering parts with z-index – Net design tutorial (utilizing the Previous UI)”

  1. i have a problem with the mobile version of my site.

    I've got a WhatsApp live chat button in the bottom right of the screen.

    But when I first open the site, I cannot click on any buttons w/links.

    It's as if the WhatsApp chat block is blocking the buttons from being pressed.

    So I've changed the z-index of the whatsapp chat block to 0 , and it doesn't solve the problem.

    Please could somebody help me with this?

    Reply
  2. Learned something new today: 2 is greater than 1. These videos are really high end!

    Seriously though, these vids are so clear and quick, you're really setting a high bar to beat.

    Reply

Leave a Comment