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()
12 function repaintTest()
14 document
.getElementById('toMove').style
.left
= "150px";
15 document
.getElementById('toMove').style
.backgroundColor
= "green";
19 <body onload=
"scrollAndRepaint()" style=
"height: 3000px;">
20 <div style=
"position: fixed: top: 0; left: 0;">
21 <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>
22 <div id=
"toMove" style=
"width: 100px; height: 100px; background-color: red; position: fixed; top: 70px; left: 10px;"></div>
23 <div style=
"width: 100px; height: 100px; background-color: yellow; position: absolute; top: 270px; left: 10px; z-index: -5;"></div>