layout/reftests/async-scrolling/background-blend-mode-1.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<!DOCTYPE html>
<html reftest-async-scroll
      reftest-displayport-x="0" reftest-displayport-y="0"
      reftest-displayport-w="800" reftest-displayport-h="1000"
      reftest-async-scroll-x="0" reftest-async-scroll-y="100">

<meta charset="utf-8">
<title>Bug 1248913 - Keep background-attachment:fixed image fixed under APZ scrolling even when a background-blend-mode is applied.</title>

<style>

html {
  background: radial-gradient(circle 200px at 400px 400px, lime 100px, transparent 0) fixed,
              radial-gradient(circle 200px at 400px 400px, blue 100px, transparent 0) scroll
               white no-repeat;
  background-blend-mode: multiply;
  scrollbar-width: none;
}

body {
  height: 4000px;
}

</style>

<div></div>