/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

73 votes140 views5 answers
Border-radius
CSS
19 votes182 views6 answers
Box shadow
CSS
0 vote96 views1 answer
Affect top div opacity without affecting childrne
CSS
0 vote130 views1 answer
How input field bottom shadow in css
CSS
0 vote136 views1 answer
For loop for increment id of div in jquery
CSS
0 vote127 views1 answer
Border-radius cross browser
CSS
0 vote166 views1 answer
Not for specific child class
CSS
0 vote90 views1 answer
Scss add class to body
CSS
0 vote164 views2 answers
Css selector label for
CSS
13 votes158 views1 answer
W3schools keyframes
CSS