Jump to content


Photo

Transparent overlay


  • Please log in to reply
2 replies to this topic

#1 arrbee99 OFFLINE  

arrbee99

    Advanced Member

  • Members
  • 2925 posts
  • Local time: 04:17 AM
  • LocationNew Zealand

Posted 19 August 2019 - 05:58 PM

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

 

 



#2 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 15626 posts
  • Local time: 08:17 AM
  • LocationWashington State

Posted 19 August 2019 - 07:24 PM

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 likes this

#3 arrbee99 OFFLINE  

arrbee99

    Advanced Member

  • Members
  • 2925 posts
  • Local time: 04:17 AM
  • LocationNew Zealand

Posted 19 August 2019 - 07:49 PM

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






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users