reftest-opaque-layer-wait-pass.html (808B)
1 <!DOCTYPE html> 2 <html lang="en" class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>Both divs should be part of opaque layers in the final paint.</title> 5 6 <style> 7 8 .content { 9 box-sizing: border-box; 10 width: 200px; 11 height: 200px; 12 border: 1px solid black; 13 } 14 15 .fixed { 16 position: fixed; 17 top: 20px; 18 left: 140px; 19 } 20 21 .opaque-background { 22 background-color: white; 23 } 24 25 .reftest-wait .opaque-background { 26 /* make the layer start out transparent */ 27 background-color: transparent; 28 } 29 30 body { 31 height: 4000px; 32 } 33 34 </style> 35 36 <div class="content reftest-opaque-layer"></div> 37 38 <div class="fixed opaque-background content reftest-opaque-layer"></div> 39 40 <script> 41 42 function doTest() { 43 document.documentElement.removeAttribute("class"); 44 } 45 document.addEventListener("MozReftestInvalidate", doTest); 46 47 </script>