CODEWITHSUNDEEP
htmlcssstylesopacity
stdcerr
stdcerr

Reputation: 15658

override opacity style

I have a page at http://quaaoutlodge.com/content/activities You see that there's that semi transparent div with opacity set to 0.7. Now I would like to override that opacity for the images on this page but I don't seem to be able to create a style with an opacity factor relative to 1.0 being not transparent at all but it is relative to the set 70% oppacity and i seem to only go more transparent but not less... How can I do this?

Thanks!

Upvotes: 0

Views: 1860

Answers (2)

Rahul
Rahul

Reputation: 11

I know this is a workaround but I normally just get on Photoshop and change the opacity for images, sometimes even solid colour.

Upvotes: 0

Kelly Goeken
Kelly Goeken

Reputation: 15

If I'm understanding the question correctly, you can use the rgba style instead of opacity in your CSS.

#contentbg {
    background:rgba(255, 255, 255, 0.7);
}

Just replace the 255 values with the RGB values of what you want your background to be. This way, the background will be transparent but not the images and text.

Upvotes: 1

Related Questions