12 <script src=
"resources/text-based-repaint.js" type=
"text/javascript"></script>
13 <!-- Repaint test to ensure that setting a blend mode dynamically triggers this operation
14 only with the contents of the nearest ancestor stacking context. -->
15 <body onload=
"runRepaintTest()">
16 <div style=
"background: green; position: relative; z-index: -1;">
17 <div id=
"first" style=
"mix-blend-mode: normal; background-color: blue;"></div>
19 <div style=
"background: green; position: relative; z-index: -1;">
20 <div id=
"second" style=
"mix-blend-mode: hue; background-color: blue;"></div>
22 <div style=
"background: green; position: relative; z-index: -1;">
23 <div id=
"third" style=
"mix-blend-mode: hue; background-color: blue;"></div>
25 <div id=
"fourth" style=
"background: green;">
26 <div style=
"mix-blend-mode: hue; background-color: blue;"></div>
30 function repaintTest() {
31 document
.getElementById('first').style
.mixBlendMode
= "multiply";
32 document
.getElementById('second').style
.mixBlendMode
= "normal";
33 document
.getElementById('third').style
.mixBlendMode
= "multiply";
34 document
.getElementById('fourth').style
.position
= "relative";
35 document
.getElementById('fourth').style
.zIndex
= -1;