OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 #clipper { | 4 #clipper { |
5 width: 550px; | 5 width: 550px; |
6 height: 550px; | 6 height: 550px; |
7 overflow:hidden; | 7 overflow:hidden; |
8 } | 8 } |
9 | 9 |
10 #trigger { | 10 #trigger { |
(...skipping 30 matching lines...) Expand all Loading... |
41 background-color: blue; | 41 background-color: blue; |
42 top: 200px; | 42 top: 200px; |
43 left: -200px; | 43 left: -200px; |
44 width: 50px; | 44 width: 50px; |
45 height: 50px; | 45 height: 50px; |
46 } | 46 } |
47 | 47 |
48 </style> | 48 </style> |
49 <script> | 49 <script> |
50 if (window.testRunner) | 50 if (window.testRunner) |
51 testRunner.dumpAsText(true); | 51 testRunner.dumpAsTextWithPixelResults(); |
52 | 52 |
53 function doTest() | 53 function doTest() |
54 { | 54 { |
55 if (window.testRunner) | 55 if (window.testRunner) |
56 testRunner.display(); | 56 testRunner.display(); |
57 | 57 |
58 document.getElementById("stretch").style.left = "-100px"; | 58 document.getElementById("stretch").style.left = "-100px"; |
59 } | 59 } |
60 | 60 |
61 window.addEventListener('load', doTest, false); | 61 window.addEventListener('load', doTest, false); |
62 </script> | 62 </script> |
63 </head> | 63 </head> |
64 <body> | 64 <body> |
65 <div id="trigger"></div> | 65 <div id="trigger"></div> |
66 <div id="clipper"> | 66 <div id="clipper"> |
67 <div id="container"> | 67 <div id="container"> |
68 <img id="contents"> | 68 <img id="contents"> |
69 <div id="stretch"></div> | 69 <div id="stretch"></div> |
70 <div id="negative"></div> | 70 <div id="negative"></div> |
71 </div> | 71 </div> |
72 </div> | 72 </div> |
73 </body> | 73 </body> |
OLD | NEW |