OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
6 body { | 6 body { |
7 height: 1000px; | 7 height: 1000px; |
8 margin: 0; | 8 margin: 0; |
9 } | 9 } |
10 #test { | 10 #test { |
11 width: 100px; | 11 width: 100px; |
12 height: 100px; | 12 height: 100px; |
13 background-color: red; | 13 background-color: red; |
14 position: fixed; | 14 position: fixed; |
15 top: 10px; | 15 top: 10px; |
16 left: 10px; | 16 left: 10px; |
17 -webkit-transform: translate(50px, 50px); | 17 transform: translate(50px, 50px); |
18 } | 18 } |
19 | 19 |
20 .box:hover { | 20 .box:hover { |
21 background-color: green; | 21 background-color: green; |
22 } | 22 } |
23 </style> | 23 </style> |
24 <script src="../../resources/run-after-display.js"></script> | 24 <script src="../../resources/run-after-display.js"></script> |
25 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> | 25 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> |
26 <script type="text/javascript"> | 26 <script type="text/javascript"> |
27 function repaintTest() | 27 function repaintTest() |
(...skipping 12 matching lines...) Expand all Loading... |
40 | 40 |
41 <!-- | 41 <!-- |
42 https://bugs.webkit.org/show_bug.cgi?id=36686 | 42 https://bugs.webkit.org/show_bug.cgi?id=36686 |
43 Test repainting of a fixed-position element with a transform. | 43 Test repainting of a fixed-position element with a transform. |
44 The box should be entirely green. | 44 The box should be entirely green. |
45 --> | 45 --> |
46 <div id="test"></div> | 46 <div id="test"></div> |
47 | 47 |
48 </body> | 48 </body> |
49 </html> | 49 </html> |
OLD | NEW |