3 <meta http-equiv=
"content-type" content=
"text/html; charset=UTF-8">
4 <script src=
"resources/text-based-repaint.js"></script>
5 <script type=
"text/javascript">
6 function scrollAndRepaint()
11 function repaintTest()
13 document
.getElementById('toMove').style
.left
= "150px";
14 document
.getElementById('toMove').style
.backgroundColor
= "green";
18 <body onload=
"scrollAndRepaint()" style=
"height: 3000px;">
19 <div style=
"position: absolute: top: 0; left: 0; transform: translate(0, 0);">
20 <p style=
"position: absolute; top: 210px">You should see a yellow rect on the left, and a green one on the right. No red pixels.
</p>
21 <div id=
"toMove" style=
"width: 100px; height: 100px; background-color: red; position: fixed; top: 270px; left: 10px;"></div>
22 <div style=
"width: 100px; height: 100px; background-color: yellow; position: absolute; top: 270px; left: 10px; z-index: -5;"></div>