3 <style type="text/css" media="screen">
10 border: 1px solid black;
16 background-color: blue;
25 transform: translateZ(0);
31 background-color: red;
37 background-color: green;
40 <script type="text/javascript" charset="utf-8">
41 if (window.testRunner)
42 testRunner.waitUntilDone();
46 window.setTimeout(function() {
48 var scrollables = document.querySelectorAll('.container');
49 for (var i = 0; i < scrollables.length; ++i) {
50 scrollables[i].scrollTop = 500;
54 if (window.testRunner)
55 testRunner.notifyDone();
60 window.addEventListener('load', doTest, false);
63 <!-- Go into compositing. -->
64 <div class="compositing"></div>
66 <!-- Test repainting when the graphicsLayer offsetFromRenderer changes -->
67 <!-- You should see one green square, and no red -->
68 <div class="container" style="position: relative;">
69 <div class="inner" style="position: relative;">
70 <div class="top"></div>
71 <div class="bottom"></div>