image-top-5.html (1181B)
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: 10px; } 11 img[src="blue-3x3.png"] { left: 40px; } 12 img[src="blue-5x5.png"] { left: 70px; } 13 img[src="blue-25x25.png"] { left: 100px; } 14 15 img.s1 { top: 10.5px; height: 1px; width: 1px; } 16 img.s3 { top: 30.5px; height: 3px; width: 3px; } 17 img.s5 { top: 50.5px; height: 5px; width: 5px; } 18 img.s25 { top: 70.5px; height: 25px; width: 25px; } 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>