checkerboard-2.html 1.0 KB

1234567891011121314151617
  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. <!-- This is a test where we set the async-scroll position so that it
  7. extends outside the displayport, but also have some fixed-position
  8. elements in the mix. In particular, the purple element is below
  9. (in z-order) the main scrolling content and should not be made visible
  10. while checkerboarding; the checkerboarding code should cover it up
  11. with the appropriate background color. -->
  12. <body style="background-color: green; height: 5000px; overflow:hidden">
  13. <div style="position:fixed; left: 0px; top: 0px; width: 100px; height: 500px; background-color: purple; z-index: -1"></div>
  14. <div style="position:absolute; left: 0px; top: 500px; background-color: yellow; width: 100px; height: 4500px"></div>
  15. <div style="position:fixed; left: 10px; top: 10px; width: 10px; height: 10px; background-color: blue"></div>
  16. </body>