/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

13 votes338 views4 answers
Cursor pointer events none
CSS
0 vote338 views1 answer
Schatten css
CSS
1 vote335 views1 answer
Scss light color
CSS
13 votes357 views4 answers
Scss transition mixin
CSS
1 vote350 views1 answer
Css > symbol
CSS
-2 votes353 views1 answer
Does boxshadow work
CSS
0 vote440 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
0 vote356 views1 answer
How to remove text selection in css
CSS
1 vote357 views1 answer
Show max word with css
CSS
32 votes384 views6 answers
Alert bootstrap
CSS Bootstrap