inset-box-shadow-stacking-context-scroll.html (479B)
1 <!DOCTYPE html> 2 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-box-shadow"> 3 <link rel="match" href="inset-box-shadow-scroll-ref.html"/> 4 <style> 5 #target { 6 position: absolute; 7 z-index: 1; 8 width: 200px; 9 height: 100px; 10 overflow: scroll; 11 background-color: white; 12 box-shadow: 10px 10px green inset; 13 padding: 10px; 14 } 15 #inner { 16 height: 120px; 17 } 18 </style> 19 <div id="target"> 20 <div id="inner"> 21 Passes if green inset shadow is visible. 22 </div> 23 </div>