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
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
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • 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.