|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <head> |
|
4 <title>Pixel rounding testcase</title> |
|
5 <style type="text/css"> |
|
6 |
|
7 html, body { margin: 0; border: none; padding: 0; } |
|
8 img { position: absolute; } |
|
9 |
|
10 img[src="blue-1x1.png"] { left: 9.9px; } |
|
11 img[src="blue-3x3.png"] { left: 39.9px; } |
|
12 img[src="blue-5x5.png"] { left: 69.9px; } |
|
13 img[src="blue-25x25.png"] { left: 99.9px; } |
|
14 |
|
15 img.s1 { top: 10px; height: 1px; width: 1.5px; } |
|
16 img.s3 { top: 30px; height: 3px; width: 3.5px; } |
|
17 img.s5 { top: 50px; height: 5px; width: 5.5px; } |
|
18 img.s25 { top: 70px; height: 25px; width: 25.5px; } |
|
19 |
|
20 </style> |
|
21 </head> |
|
22 <body> |
|
23 |
|
24 <img class="s1" src="blue-1x1.png"> |
|
25 <img class="s1" src="blue-3x3.png"> |
|
26 <img class="s1" src="blue-5x5.png"> |
|
27 <img class="s1" src="blue-25x25.png"> |
|
28 |
|
29 <img class="s3" src="blue-1x1.png"> |
|
30 <img class="s3" src="blue-3x3.png"> |
|
31 <img class="s3" src="blue-5x5.png"> |
|
32 <img class="s3" src="blue-25x25.png"> |
|
33 |
|
34 <img class="s5" src="blue-1x1.png"> |
|
35 <img class="s5" src="blue-3x3.png"> |
|
36 <img class="s5" src="blue-5x5.png"> |
|
37 <img class="s5" src="blue-25x25.png"> |
|
38 |
|
39 <img class="s25" src="blue-1x1.png"> |
|
40 <img class="s25" src="blue-3x3.png"> |
|
41 <img class="s25" src="blue-5x5.png"> |
|
42 <img class="s25" src="blue-25x25.png"> |
|
43 |
|
44 </body> |
|
45 </html> |