991046-1-ref.html (569B)
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 } 13 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> 23 24 <div id="parent"> 25 <div id="child"></div> 26 </div> 27 28 29 </body></html>