/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 vote183 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
29 votes183 views9 answers
Traduttore
CSS
71 votes164 views17 answers
Box -shadow
CSS
1 vote285 views1 answer
Linux remove files except
CSS
0 vote183 views1 answer
Css opacité fond mais pas texte
CSS
33 votes211 views6 answers
Css strikethrough
CSS
2 votes183 views1 answer
Css transition syntax
CSS
0 vote213 views1 answer
Nuxt page transition
CSS
0 vote199 views1 answer
Css youtube video get rid of black border
CSS
7 votes215 views2 answers
Text align justify
CSS