OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> | 2 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .imageWrapper | 5 .imageWrapper |
6 { | 6 { |
7 position: relative; | 7 position: relative; |
8 display: inline-block; | 8 display: inline-block; |
9 width: 700px; | 9 width: 700px; |
10 } | 10 } |
11 | 11 |
12 #shiftMe | 12 #shiftMe |
13 { | 13 { |
14 position: absolute; | 14 position: absolute; |
15 top: 0px; | 15 top: 0px; |
16 left: 0px; | 16 left: -250px; |
17 width: 1500px; | 17 width: 1500px; |
18 } | 18 } |
19 </style> | 19 </style> |
20 <script src="resources/text-based-repaint.js"></script> | |
21 <script> | |
22 function repaintTest() | |
23 { | |
24 shiftMe.style.left = "-250px"; | |
25 } | |
26 </script> | |
27 </head> | 20 </head> |
28 <body onload="runRepaintTest();"> | 21 <body> |
29 <div>This test checks that shifting an abspos container will properly repain
t its descendants.</div> | 22 <div>This test checks that shifting an abspos container will properly repain
t its descendants.</div> |
30 <div>The images below should be correctly repainted.</div> | 23 <div>The images below should be correctly repainted.</div> |
31 <div id="shiftMe"> | 24 <div id="shiftMe"> |
32 <div class="imageWrapper"> | 25 <div class="imageWrapper"> |
33 <img src="resources/apple.jpg"> | 26 <img src="resources/apple.jpg"> |
34 </div> | 27 </div> |
35 <div class="imageWrapper"> | 28 <div class="imageWrapper"> |
36 <img src="resources/apple.jpg"> | 29 <img src="resources/apple.jpg"> |
37 </div> | 30 </div> |
38 </div> | 31 </div> |
39 </body> | 32 </body> |
40 </html> | 33 </html> |
OLD | NEW |