Jump to content

Transparent overlay


arrbee99

Recommended Posts

arrbee99

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...

 

5d5b1ae803208_EmbyMovieTVpageoverlay.jpg

 

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

 

5d5b1b2e5a005_EmbyMovieTVpageoverlay1.jp

 

 

Link to comment
Share on other sites

Happy2Play

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);
}
  • Like 1
Link to comment
Share on other sites

arrbee99

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...