/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

1 vote133 views1 answer
Css %-px
CSS
10 votes145 views2 answers
Import css in another css file
CSS
3 votes130 views1 answer
How to style rule to apply the Border Box model css
CSS
74 votes171 views6 answers
Display flex
CSS
9 votes131 views5 answers
How to make a triangle in css
CSS
0 vote116 views1 answer
Css button click color
CSS
0 vote118 views1 answer
Css list line spacing
CSS
0 vote148 views1 answer
Can we block onclick of button using css
CSS
0 vote118 views1 answer
Colored button link scss
CSS
3 votes124 views2 answers
Align an entire second row center css grid
CSS