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: https://preview.webflow.com/preview/cutter-9457f5?utm_medium=preview_link&utm_source=designer&utm_content=cutter-9457f5&preview=dad8629e41f32fd48acf246ad61bbee9&mode=preview

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.