Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE html>
2 <html><head>
3 <meta http-equiv="content-type" content="text/html; charset=windows-1252"><title>box-shadow + transparent background + opacity => overflow hidden does not work</title></head>
4 <body>
5 <style>
6 #parent {
7 width: 200px;
8 height: 200px;
9 background-color: #BADA55;
10 overflow: hidden;
11 position: relative;
12 }
14 #child {
15 width: 200px;
16 height: 200px;
17 position: absolute;
18 left: 50px;
19 top: 50px;
20 box-shadow: 0 0 5px rgb(0,0,0);
21 opacity: 0.5;
22 }
23 </style>
25 <div id="parent">
26 <div id="child"></div>
27 </div>
30 </body></html>