: Using Opacity of a Div without affecting The color of the Paragraph inside the Div I have created a div with background color black, and written a p inside it with white. When I am using

@Samaraweera207

You can use css :after selector to give shadow dom element the background color and opacity. This will not effect to p tag.
Here is jsfiddle jsfiddle.net/vjandrei/fyvc3ejy/2/

Vote Up Vote Down

@Merenda852

Just read this article. It explains everything: css-tricks.com/rgba-browser-support/
You should have:

div {
background: rgba(0, 0, 0, 0.5);
color: #fff ;
}


There are also same or similar questions here, like this: stackoverflow.com/questions/15449280/html-css-text-background-transparent-but-text-not

Vote Up Vote Down