Color Overlay Video

[crosstownalliance]

Hello!

I need some help with CSS. Or how to go about this. I want to put a black color overlay this video on the front page of crosstownalliance.com.

Right now both Upper & Lower Layer are being used (one for the GIF that loads before the video is there which is on the Lower Layer and the actual video link on the Upper Layer.)

I’ve tried this code here, but it doesn’t work:

background-color: black; position:relative; width: 100%; height: 100%; opacity: 0.20; -moz-opacity: 20%; -webkit-opacity: 20%; z-index: 2;

Anyone know how to get around this in CSS?

[friech]

Hi Gordon,

Thank you for writing in, please remove your gif background and move the video background on the lower layer instead. Then assign the overlay background-color on the upper layer.

@CrossTown

one for the GIF that loads before the video

Your video background is optimized and loads immediately, there is no reason for that .gif image to be there.

Cheers!