checkerboard-2.html (1090B)
1 <!DOCTYPE HTML> 2 <html reftest-async-scroll 3 reftest-displayport-x="0" reftest-displayport-y="0" 4 reftest-displayport-w="800" reftest-displayport-h="2000" 5 reftest-async-scroll-x="0" reftest-async-scroll-y="1800" 6 style="scrollbar-width: none"> 7 <!-- This is a test where we set the async-scroll position so that it 8 extends outside the displayport, but also have some fixed-position 9 elements in the mix. In particular, the purple element is below 10 (in z-order) the main scrolling content and should not be made visible 11 while checkerboarding; the checkerboarding code should cover it up 12 with the appropriate background color. --> 13 <body style="background-color: green; height: 5000px"> 14 <div style="position:fixed; left: 0px; top: 0px; width: 100px; height: 500px; background-color: purple; z-index: -1"></div> 15 <div style="position:absolute; left: 0px; top: 500px; background-color: yellow; width: 100px; height: 4500px"></div> 16 <div style="position:fixed; left: 10px; top: 10px; width: 10px; height: 10px; background-color: blue"></div> 17 </body>