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 rgba(0,0,0,0.5);
21 }
22 </style>
24 <div id="parent">
25 <div id="child"></div>
26 </div>
29 </body></html>