/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 vote115 views2 answers
How to zoom image on hover in css
CSS
1 vote114 views1 answer
How do you display a border like this:
CSS
3 votes118 views2 answers
Check ssh port
CSS
14 votes115 views4 answers
How to create a strikethrough in css
CSS
0 vote114 views1 answer
Css perspective
CSS
50 votes117 views5 answers
Css reset style
CSS
1 vote127 views3 answers
Tailwind npm
CSS
0 vote119 views2 answers
Hide Categories - Woocommerce Product Page
CSS
17 votes125 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
CSS
0 vote122 views1 answer
Grid place between
CSS