Elements overlaying background video

Hi,

I’m trying to create a hero section with a video background, a div overlaying that with a gradient color, and some type/log elements over that. I’m reproducing the top video/hero section I created here (using Foundation): www.creditkey.com

At the moment, the background video in Webflow is a block element, and I’m struggling to figure out how to get it to be in the background, with elements overlaying it.

Thanks!


Here is my read-only link: https://preview.webflow.com/preview/credit-key?preview=ee891ec3ee9bca9ec75ab22823bd2b80

It looks like you figured out the background video component?? Is it working now?

It is–thank you! It turned out that I needed to use a separate div with the overlaying gradient, then make sure to set the position on that div as relative, give it a z-index of 9999 and then set position: auto for the video, give it a z-index of -9999 and it worked!

Awesome! Glad you got it worked out. Take care.

1 Like

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.