PHP generated semi transparent background color using opacity affects text

Question

I'm working with a background-color which should be 70% transparent, but I have many limitations:

I can't use RGBa or HSLA (I'm getting the colors from a PHP Content Management System) as Hex
The background color is dynamic - I can't use an image
when I use opacity, the text is affected as well making it unreadable.

I'm sure the only option I have is changing my PHP code to generate RGBa colors instead, but asking, do you see any other solution?

enter image description here

no it's not. read first limitations on my description. please READ before commenting. — George Katsanos, Sep 29 '14 at 12:08
Have you seen the options here? http://stackoverflow.com/questions/806000/transparent-background-but-not-the-content-text-images-inside-it-in-css-on — i alarmed alien, Sep 29 '14 at 12:15

score 0 · Accepted Answer · edited May 23 '17 at 12:21

0

You can assign a pseudo element to the containing div. Like so:

.container:before{
 opacity:0.5;
}

You could also convert your hex value to RGB and then use that: RGB to Hex and Hex to RGB

edited May 23 '17 at 12:21

Community

answered Sep 29 '14 at 12:15

1 Answers1