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

    Join Date
    Aug 2011
    The Pleiades
    Rep Power

    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,

    Last edited by Nanomech; September 1st, 2013 at 12:00 AM.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Rep Power
    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