/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 vote378 views1 answer
Efectos imagenes css
CSS
76 votes340 views6 answers
Border radius css
CSS
4 votes396 views2 answers
Change bot page background top.gg
CSS
1 vote373 views1 answer
How to prevent text from breaking css
CSS
0 vote344 views2 answers
Css make bottom of the div triangle
CSS
0 vote413 views1 answer
Set number word to new line html
CSS
4 votes416 views2 answers
How to set text in center in flex item
CSS
0 vote362 views1 answer
Background affter layer css
CSS
0 vote372 views1 answer
Multer buffer undefined
CSS
63 votes418 views6 answers
Html center image
CSS