/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 vote223 views1 answer
Flexbox 3 columns
CSS
1 vote231 views1 answer
Inline input form css
CSS
1 vote228 views1 answer
How to check if eloquent result is empty
CSS
118 votes233 views6 answers
Css @media
CSS
32 votes200 views3 answers
Add google font
CSS
2 votes223 views5 answers
How to insert image in css
CSS
2 votes177 views1 answer
How to bring default values in css
CSS
20 votes235 views5 answers
How to add background image in react css
CSS
0 vote209 views1 answer
Morphism box shadow
CSS
0 vote239 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap