/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

4 votes217 views1 answer
Striped tables css
CSS
0 vote166 views1 answer
Android studio cardview background transparent
CSS
2 votes207 views2 answers
Bootstrap icons in angular
CSS Bootstrap
0 vote152 views1 answer
Specific id under class css
CSS
0 vote159 views1 answer
Bootstrap 3 progress bar animation
CSS
0 vote157 views3 answers
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
CSS
15 votes153 views2 answers
Npm scss
CSS
0 vote153 views1 answer
Css widows
CSS
0 vote172 views1 answer
Z pos css
CSS
0 vote149 views1 answer
FusedLocationClient.removeLocationUpdates
CSS