August 31st, 2013, 11:55 PM
Reducing opacity while maintaining full opacity for content
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/
Thank you for your time.
Last edited by Nanomech; September 1st, 2013 at 12:00 AM.
September 3rd, 2013, 10:37 AM
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.