I am wanting to recreate something similar to this over the HTML video embed section of our website.
This is what we have on our site.
Is this possible? is so I cannot figure out for the life of me how to get it to overlay with the html video embed still in the background…Any help would be greatly appreciated! Thank you!!
Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)
You’re already very close. The way I would approach it is to add a new
div element inside your
wrapper and set that new
div (let’s call it
left all to be
0. This will glue the sides of the overlay to the sides of the wrapper. From there, you can add more things within the
overlay and style them as you wish
Make sure to keep
position:relative (this is how
overlay knows where to position itself) and your embed’s
-1, or at least at a lower number than your overlay.