1025914-1-ref.html (739B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <!DOCTYPE html> 6 <html lang="en"> 7 <meta charset="utf-8"> 8 <title>Make sure that scrolling #scrolledBox into view paints the scrolled strip even while #coveringFixedBar covers that strip</title> 9 10 <style> 11 12 html { 13 overflow: hidden; 14 } 15 16 body { 17 margin: 0; 18 } 19 20 #coveringFixedBar { 21 position: absolute; 22 left: 10px; 23 top: 0; 24 width: 380px; 25 height: 20px; 26 background: blue; 27 z-index: 100; 28 } 29 30 #scrolledBox { 31 position: relative; 32 margin: 0 100px; 33 opacity: 0.9; 34 width: 200px; 35 height: 200px; 36 background: lime; 37 border: 1px solid black; 38 } 39 40 </style> 41 42 <div id="coveringFixedBar"></div> 43 44 <div id="scrolledBox"></div>