Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
michael@0 | 1 | <!DOCTYPE html> |
michael@0 | 2 | <html><head> |
michael@0 | 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> |
michael@0 | 4 | <body> |
michael@0 | 5 | <style> |
michael@0 | 6 | #parent { |
michael@0 | 7 | width: 200px; |
michael@0 | 8 | height: 200px; |
michael@0 | 9 | background-color: #BADA55; |
michael@0 | 10 | overflow: hidden; |
michael@0 | 11 | position: relative; |
michael@0 | 12 | } |
michael@0 | 13 | |
michael@0 | 14 | #child { |
michael@0 | 15 | width: 200px; |
michael@0 | 16 | height: 200px; |
michael@0 | 17 | position: absolute; |
michael@0 | 18 | left: 50px; |
michael@0 | 19 | top: 50px; |
michael@0 | 20 | box-shadow: 0 0 5px rgba(0,0,0,0.5); |
michael@0 | 21 | } |
michael@0 | 22 | </style> |
michael@0 | 23 | |
michael@0 | 24 | <div id="parent"> |
michael@0 | 25 | <div id="child"></div> |
michael@0 | 26 | </div> |
michael@0 | 27 | |
michael@0 | 28 | |
michael@0 | 29 | </body></html> |