/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

21 votes316 views2 answers
How to write css for input type text
CSS
1 vote324 views1 answer
Css hsla
CSS
0 vote332 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
0 vote351 views1 answer
Selectors combinators css
CSS
5 votes350 views2 answers
Make background overlay css
CSS
0 vote340 views1 answer
Input remove blue glow
CSS
3 votes328 views2 answers
Image overlay in css
CSS
0 vote318 views1 answer
Acf wysiwyg height
CSS
25 votes379 views3 answers
Invisible item frames in minecraft
CSS
3 votes323 views1 answer
Media queries css not working for mobile
CSS