Question

I was making a wrapper div wrapped all my content, I give my wrapper a background texture and I want to give opacity to it. However , while I set opacity to my wrapper, all its child , the web content incuding text and images everything turned to half transparent, how can I set the transparency to the parent only?

Answer 1

Hi I am mentioning the property through in which you can increase and decrease the opacity of parent container background and that will not affect the child container. It’s simple see the css basically you have to use the rgba here rgb for color in background & a-alpha for opacity.

CSS

background:rgba(0,0,0,0.1);

DEMO