#1
  1. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    299
    Rep Power
    9

    Reducing opacity while maintaining full opacity for content


    Hi there,

    I have a main container where all my content goes (via PHP).

    How can I slightly reduce the opacity of the main container (so I can see the background image) but still able to see the container slighly.

    Everytime I set the opacity down, the content and text opacity is reduced too (or outputs like that, not sure if it will inherit the background automatically?).

    Exactly like the headers in this website: http://www.advertisingbusiness.org/2012/10/what-should-i-include-on-header-of-my-website-how-website-header-can-help-conversion-rates/

    Any suggestions?

    Thank you for your time.

    Kind regards,

    NM.
    Last edited by Nanomech; August 31st, 2013 at 11:00 PM.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Posts
    39
    Rep Power
    2
    background-color: rgba(255, 255, 255, .5);

    plug in your own rgb color using the first 3 parameters, the fourth, a (stands for alpha) will control transparency.

IMN logo majestic logo threadwatch logo seochat tools logo