Jump to content

CSS and opacity


FinalFrontier

Recommended Posts

I am using this for my background:

 

background: rgba(127,127,127,0.25)

 

This isn't valid CSS and I am wanting to use:

 

background: rgb(127,127,127);

opacity: 0.25

 

The problem with using the second one is that the opacity also effecting everything inside the DIV container.

 

Does anyone have a solution for just getting the background at 25% opacity, whilst being CSS compliant (no transparent image as background please :P)?

Link to comment
https://forums.phpfreaks.com/topic/255468-css-and-opacity/
Share on other sites

background: rgba(127,127,127,0.25)

 

Of course it's valid CSS, and it is a good solution, while it is not compatible with older browsers yes, most modern browsers support it. For the older browsers, you can set a Fallback bg color. There are a couple opacity hacks and such, But they are sloppy and should be avoided.

Link to comment
https://forums.phpfreaks.com/topic/255468-css-and-opacity/#findComment-1309799
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.