Double Opacity

dabblet.css

/**
 * Double Opacity
 */
body{background:green;}

#baz{
opacity: 0.6;
}
#foo{
height:150px;
width:250px;
background:black;
position:absolute;
left:40%;
top:20%;
}

#bar{
height:40px;
width:40px;
background:black;
border-radius:40px;
position:absolute;
top:-15px;
left:-15px;
}

dabblet.html

<div id="baz">
<div id="foo">
	<div id="bar">
	</div>
</div>
</div>

settings.json

{"view":"split","prefixfree":"1","page":"css"}