| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sc
ale=1.0, user-scalable=no" /> | 4 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sc
ale=1.0, user-scalable=no" /> |
| 5 <style type="text/css"> | 5 <style type="text/css"> |
| 6 div.transform { | 6 div.transform { |
| 7 background-color: #00FF00; | 7 background-color: #00FF00; |
| 8 width: 100px; | 8 width: 100px; |
| 9 height: 100px; | 9 height: 100px; |
| 10 padding-left: 30px; | 10 padding-left: 30px; |
| 11 padding-top: 20px; | 11 padding-top: 20px; |
| 12 -webkit-transform:matrix(0.866,0.5,-0.5,0.866,120,150); | 12 -webkit-transform:matrix(0.866,0.5,-0.5,0.866,120,150); |
| 13 } | 13 } |
| 14 div.scroll { | 14 div.scroll { |
| 15 background-color: #00FFFF; | 15 background-color: #00FFFF; |
| 16 width: 100px; | 16 width: 100px; |
| 17 height: 100px; | 17 height: 100px; |
| 18 overflow: scroll; | 18 overflow: scroll; |
| 19 } | 19 } |
| 20 div.fixed { | 20 div.fixed { |
| 21 background-color: #FF0000; | 21 background-color: #FF0000; |
| 22 left: 200px; | 22 left: 200px; |
| 23 top: 50px; | 23 top: 50px; |
| 24 width: 100px; | 24 width: 100px; |
| 25 height: 100px; | 25 height: 100px; |
| 26 position: fixed; | 26 position: fixed; |
| 27 } | 27 } |
| 28 div.relative-overflow { |
| 29 position: relative; |
| 30 overflow: hidden; |
| 31 height: 100px; |
| 32 } |
| 33 div.margin-overflow { |
| 34 overflow: hidden; |
| 35 margin-top:20px; |
| 36 height: 50px; |
| 37 } |
| 38 div.absolute { |
| 39 position: absolute; |
| 40 top: 0px; |
| 41 height: 20px; |
| 42 width: 80px; |
| 43 background-color: "green"; |
| 44 } |
| 28 </style> | 45 </style> |
| 29 </head> | 46 </head> |
| 30 <body> | 47 <body> |
| 31 This is a test. | 48 This is a test. |
| 32 </br></br> | 49 <br> |
| 33 </br></br> | 50 <br> |
| 34 </br></br> | 51 <br> |
| 35 Foo bar. | 52 Foo bar. |
| 36 </br></br> | 53 <br> |
| 37 </br></br> | 54 <br> |
| 38 </br></br> | 55 <br> |
| 39 result 02 | 56 result 02 |
| 40 <div class="transform"> | 57 <div class="transform"> |
| 41 result 03 | 58 result 03 |
| 42 </div> | 59 </div> |
| 43 result 04 | 60 result 04 |
| 44 <div class="fixed"> | 61 <div class="fixed"> |
| 45 result 05 | 62 result 05 |
| 46 </div> | 63 </div> |
| 47 result 06 | 64 result 06 |
| 48 <div class="scroll"> | 65 <div class="scroll"> |
| 49 result 07 | 66 result 07 |
| 50 Foo bar. | 67 Foo bar. |
| 51 </br></br> | 68 <br> |
| 52 </br></br> | 69 <br> |
| 53 </br></br> | 70 <br> |
| 54 result 08 | 71 result 08 |
| 55 </div> | 72 </div> |
| 56 result 09 | 73 result 09 |
| 57 </br></br> | 74 <br> |
| 58 result 10 | 75 result 10 |
| 59 <table border="1" cellpadding="10" cellspacing="10"> | 76 <table border="1" cellpadding="10" cellspacing="10"> |
| 60 <tr> | 77 <tr> |
| 61 <th>Foo</th> | 78 <th>Foo</th> |
| 62 <th>Bar</th> | 79 <th>Bar</th> |
| 63 <th>result 11</th> | 80 <th>result 11</th> |
| 64 </tr> | 81 </tr> |
| 65 <tr> | 82 <tr> |
| 66 <td rowspan="2">result 12</td> | 83 <td rowspan="2">result 12</td> |
| 67 <td colspan="2">result 13</td> | 84 <td colspan="2">result 13</td> |
| 68 </tr> | 85 </tr> |
| 69 <tr> | 86 <tr> |
| 70 <td colspan="2">result 14</td> | 87 <td colspan="2">result 14</td> |
| 71 </tr> | 88 </tr> |
| 72 </table> | 89 </table> |
| 73 result 15 | 90 result 15 |
| 91 <div class="transform"> |
| 92 <div style="height:0px"> |
| 93 <div style="float:left;"> |
| 94 result 16 |
| 95 </div> |
| 96 </div> |
| 97 </div> |
| 98 <div class="relative-overflow"> |
| 99 <div class="margin-overflow"> |
| 100 result 17 |
| 101 <div class="absolute">result 18</div> |
| 102 </div> |
| 103 </div> |
| 104 <!-- Tests that will not yield matches should go below this line. --> |
| 105 <select> |
| 106 <option>result 19</option> |
| 107 </select> |
| 74 </body> | 108 </body> |
| 75 </html> | 109 </html> |
| OLD | NEW |