OLD | NEW |
| (Empty) |
1 <!-- Based on fast/repaint/fixed-tranformed.html --> | |
2 <!DOCTYPE html> | |
3 | |
4 <html> | |
5 <head> | |
6 <style type="text/css" media="screen"> | |
7 body { | |
8 height: 1000px; | |
9 margin: 0; | |
10 } | |
11 #test { | |
12 width: 100px; | |
13 height: 100px; | |
14 background-color: red; | |
15 position: fixed; | |
16 top: 10px; | |
17 left: 10px; | |
18 transform: translate(50px, 50px); | |
19 } | |
20 | |
21 .box:hover { | |
22 background-color: green; | |
23 } | |
24 </style> | |
25 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> | |
26 <script type="text/javascript"> | |
27 function paintInvalidationTest() | |
28 { | |
29 document.getElementById('test').style.background='green'; | |
30 } | |
31 | |
32 function setupTest() { | |
33 window.scrollBy(0, 50); | |
34 runPaintInvalidationTest(); | |
35 }; | |
36 window.addEventListener('load', setupTest, false); | |
37 </script> | |
38 </head> | |
39 <body> | |
40 | |
41 <!-- | |
42 https://bugs.webkit.org/show_bug.cgi?id=36686 | |
43 Test repainting of a fixed-position element with a transform. | |
44 The box should be entirely green. | |
45 --> | |
46 <div id="test"></div> | |
47 | |
48 </body> | |
49 </html> | |
OLD | NEW |