991046-1.html (582B)
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 rgb(0,0,0); 21 opacity: 0.5; 22 } 23 </style> 24 25 <div id="parent"> 26 <div id="child"></div> 27 </div> 28 29 30 </body></html>