new-content-ancestor-clipped-ref.html (411B)
1 <!doctype HTML> 2 <html> 3 <head> 4 <style> 5 html { 6 background: lightpink; 7 } 8 div { 9 position: relative; 10 width: 200px; 11 height: 200px; 12 } 13 14 .outer { 15 background-color: blue; 16 box-shadow: -50px -50px 0px 0px rgba(0,0,0,1); 17 left: 100px; 18 top: 100px; 19 } 20 21 .inner { 22 background-color: red; 23 left: 50px; 24 top: 50px; 25 } 26 27 </style> 28 </head> 29 <body> 30 </body> 31 <div class="outer"> 32 <div class="inner"></div> 33 </div> 34 </html>