child-move-reveals-parent-background.html (753B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Child moves and reveals previously obscured background of the parent</title> 4 <link rel="match" href="child-move-reveals-parent-background-ref.html"> 5 <link rel="help" href="https://drafts.csswg.org/css-backgrounds"> 6 <script src="/common/reftest-wait.js"></script> 7 <style> 8 #parent { 9 width: 150px; 10 height: 150px; 11 background-color: green; 12 } 13 #child { 14 width: 150px; 15 height: 150px; 16 background-color: white; 17 position: relative; 18 } 19 </style> 20 <p>There should be a green square below.</p> 21 <div id="parent"> 22 <div id="child"></div> 23 </div> 24 <script> 25 requestAnimationFrame(() => requestAnimationFrame(() => { 26 child.style.left = '150px'; 27 takeScreenshot(); 28 })); 29 </script>