Z index issues - trying to make a footer that is revealed on scroll

Design help General
1

I am trying to make my footer sit underneath a fullscreen image that can be scrolled up.

The footer should appear fixes, and the photo should pull up over.

I want the footer to still be able to be clicked despite sitting underneath the image Z-index wise

Currently, on mobile, it looks as if the footer slides up, not is revealed.

image
image2812×706 346 KB

https://preview.webflow.com/preview/comingsoon-3fae92?utm_medium=preview_link&utm_source=dashboard&utm_content=comingsoon-3fae92&preview=d12664191afdbc7dd2aa6ecfaa93775c&mode=preview

Thanks,
Zach

2

It is clickable for me.

3

Dram, mobile doesnt seem to do it for me - looks like its sliding up versus being revealed

4

Check on your phone - it doesnt click through

5

Ah, I see. Do not use negative z-indexes for anything you want to be clickable (note the warning that appears after you give -1 to any element)

6

Then how do I give something static a z-index of 1 (and the footer 0) so it sits above the footer?

7

You cannot give z-index to elements that are static. Use relative.