/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 vote122 views1 answer
Css grid auto row
CSS
22 votes178 views6 answers
Box shadow css
CSS
0 vote136 views1 answer
AddCorsMappings registry.addMapping
CSS
0 vote125 views1 answer
Css pixel art
CSS
1 vote117 views1 answer
IPhone XS css
CSS
0 vote219 views1 answer
Width cross browser
CSS
0 vote125 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS
0 vote125 views1 answer
Body css margin, background, font-family, hei
CSS
1 vote126 views1 answer
Why tr border not showing
CSS
0 vote135 views1 answer
Overflow-wrap: anywhere
CSS