Streaming live at 10am (PST)

Elements overlaying background video


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):

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.


Here is my read-only link:

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.