OLD | NEW |
| (Empty) |
1 <!-- Based on fast/repaint/child-of-sub-pixel-offset-composited-layer.html --> | |
2 <!DOCTYPE html> | |
3 <html> | |
4 <head> | |
5 <style> | |
6 .container { | |
7 transform: translateZ(0); | |
8 position: absolute; | |
9 top: 100px; | |
10 left:100.5px; | |
11 background-color: red; | |
12 } | |
13 | |
14 #target { | |
15 position: absolute; | |
16 left: 0px; | |
17 width: 10px; | |
18 height: 10px; | |
19 border: 2px solid red; | |
20 } | |
21 | |
22 #target.green { | |
23 border-color: green; | |
24 } | |
25 </style> | |
26 <script src="resources/paint-invalidation-test.js" type="text/javascript"></scri
pt> | |
27 </head> | |
28 <body onload="runPaintInvalidationTest();"> | |
29 <div class="container"> | |
30 <div id="target"> | |
31 </div> | |
32 </div> | |
33 <script> | |
34 // This test ensures that children of a composited element with a sub-pixel offs
et are properly repainted. | |
35 // The box should have a fully green border. | |
36 function paintInvalidationTest() { | |
37 var target = document.getElementById('target'); | |
38 target.classList.add('green'); | |
39 } | |
40 </script> | |
OLD | NEW |