summaryrefslogtreecommitdiffstats
path: root/layout/reftests/async-scrolling/position-fixed-cover-3.html
blob: 7ed268cecfcb2c2e201116f10db761be09fcc240 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!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>