Streaming live at 10am (PST)

Z-index on absolute sections

Hi there! I have a project where 7 sections are absolute and there 7 empty overlay relative divs to make the scroll animation. But the point is that this empty overlay div has z-index 0 and section with content has 11111 . but buttons still don’t work.

Can anyone explain what I’m doing wrong and how can I fix it.


Here is my site Read-Only: Webflow - Cutter

Hi @Joanna24 I presume that you know basic behaviour of absolutely positioned elements when you using them. Maybe this link will help you clarify a few things about positioning and z-index.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index