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 |