Transparent overlay

[arrbee99 1815]

Just wondering would anyone know if its possible to have the main page of a movie or tv show stay quite bright (which I have at the moment), but as you scroll down to actors (or everything really below the top screen of the main page), to have a semi-transparent overlay, or underlay, so that it covers the background as you scroll up and down.

 

i.e, this has a light overlay to see the background (fairly) clearly...

 

 

but as you scroll down, say from Actors, the rest has a darker, but still transparent overlay...

 

 

 

[Happy2Play 9780]

Maybe something like this unless you want to apply a background to every section below detailPageContent.  But then you end up with light and dark stripes do to the spacing between sections.

.detailPageContent {
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9));
}

or per section small example

#castCollapsible, #scenesCollapsible {
    background: rgba(0,0,0,.3);
}

[arrbee99 1815]

Thanks very much. Tried both and they work well, just have to decide which to go for...