/CSS/Low opacity whit out toching child nods

Low opacity whit out toching child nods

#container {
    opacity: 0.3;
    background-color: #777788;
    position: absolute;
    top: 100px;
    left: 100px;
    height: 150px;
    width: 300px;
}
#box {
    opacity: 1;
    background-color: #ffffff;
    position: absolute;
    top: 110px;
    left: 110px;
    height: 130px;
    width: 270px;
}
<div id="container"></div>
<div id="box">
    <p>Something in here</p>
</div>

Source: stackoverflow.com

Similar codes

0 vote219 views2 answers
Using materialize css with react
CSS Materialize
1 vote204 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
0 vote187 views1 answer
How to scale pixels in css
CSS
9 votes233 views5 answers
Html button size
CSS
0 vote134 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
1 vote206 views1 answer
How to make horizontal rule dotted
CSS
0 vote203 views1 answer
Rotate box-shadow
CSS
13 votes191 views7 answers
Animate.css
CSS
4 votes206 views2 answers
Bootstrap icons sdn
CSS Bootstrap
0 vote189 views1 answer
Css make ul on multiple lines
CSS