position-fixed-cover-3.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html reftest-async-scroll

      reftest-displayport-x="0" reftest-displayport-y="0"

      reftest-displayport-w="800" reftest-displayport-h="2000"

      reftest-async-scroll-x="0" reftest-async-scroll-y="400"

      style="scrollbar-width:none">

<body style="height:3000px">

  <!-- Test that scrolling content above position-fixed content but not

       intersecting it doesn't get moved down to a layer below the

       position-fixed content -->

  <div style="position:absolute; background:black; top:0; left:0; width:500px; height:200px; z-index:1"></div>

  <div style="position:fixed; background:blue; top:200px; left:0; width:500px; height:200px; z-index:2"></div>

  <div style="position:absolute; background:gray; top:500px; left:0; width:500px; height:200px; z-index:3"></div>

</body>

</html>