reftest-opaque-layer-wait-fail.html (756B)
1 <!DOCTYPE html> 2 <html lang="en" class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>The fixed layer can't be opaque in the final paint, so this test must fail.</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 .reftest-wait .reftest-opaque-layer { 22 /* make the layer opaque until the final paint */ 23 background-color: white; 24 } 25 26 body { 27 height: 4000px; 28 } 29 30 </style> 31 32 <div class="content reftest-opaque-layer"></div> 33 34 <div class="fixed content reftest-opaque-layer"></div> 35 36 <script> 37 38 function doTest() { 39 document.documentElement.removeAttribute("class"); 40 } 41 document.addEventListener("MozReftestInvalidate", doTest); 42 43 </script>