CODEWITHSUNDEEP
css
Steve
Steve

Reputation: 4898

Give a background image an opacity value

I have a gray linen background image that I repeat to give the whole body a gray linen look. I'd rather it had a gold tinge to it , though, but I don't have a gold linen image to repeat. So I was thinking that perhaps I could give he body a gold background color and then apply some transparency to the background image but I'm not seeing any thing in CSS3 that will do that.

Am I missing something?

Thanks

Upvotes: 0

Views: 42

Answers (2)

Anonymous
Anonymous

Reputation: 12017

You could add opacity: 0.5 to the CSS of the background image that you would like to use. Then, you would be able to add the different color behind it as you wish.

Upvotes: 1

Deryck
Deryck

Reputation: 7658

Wrap the whole page in a <div> with the background-color: rgba(#, #, #, .#) set to the RGBA for gold with the alpha (the .#) set to your preferred opacity level.

Upvotes: 2

Related Questions