gecko-dev/layout/reftests/bugs/991046-1.html

31 lines
582 B
HTML

<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252"><title>box-shadow + transparent background + opacity =&gt; overflow hidden does not work</title></head>
<body>
<style>
#parent {
width: 200px;
height: 200px;
background-color: #BADA55;
overflow: hidden;
position: relative;
}
#child {
width: 200px;
height: 200px;
position: absolute;
left: 50px;
top: 50px;
box-shadow: 0 0 5px rgb(0,0,0);
opacity: 0.5;
}
</style>
<div id="parent">
<div id="child"></div>
</div>
</body></html>