How to apply opacity without affecting the child elements of HTML / CSS?
I want to achieve this using html and css:
I have tried to set the opacity of the container to 0.3 and the box to 1, but it doesn't work: both divs have 0.3 opacity.
The effect I am trying to achive is a popup box that comes on top of the page. It is highlighted by fading the content below (by lowering the opacity).
This question and all comments follow the
"Attribution Required."
About the author
Similar questions
- css - Sets the opacity of the background image without affecting the child elements
- background - CSS opacity and child elements
- wpf - Set the StackPanel opacity without affecting the child controls
- css - How to remove the opacity of child elements?
- css - Is there any way to apply opacity to absolutely positioned child elements in IE8
- More similar questions >>
All Answers
Leave a Reply