background-image-top-10-ref.html (1549B)
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 div { position: absolute; height: 10px; width: 10px; } 9 10 div { background: blue; } /* for reference only */ 11 12 div.i1 { top: 11px; } 13 div.i3 { top: 31px; } 14 div.i5 { top: 51px; } 15 div.i25 { top: 71px; } 16 17 div.p1 { left: 10px; } 18 div.p2 { left: 30px; } 19 div.p3 { left: 50px; } 20 div.p4 { left: 70px; } 21 div.p5 { left: 90px; } 22 div.p6 { left: 110px; } 23 div.p7 { left: 130px; } 24 div.p8 { left: 150px; } 25 div.p9 { left: 170px; } 26 27 </style> 28 </head> 29 <body> 30 31 <div class="i1 p1"></div> 32 <div class="i1 p2"></div> 33 <div class="i1 p3"></div> 34 <div class="i1 p4"></div> 35 <div class="i1 p5"></div> 36 <div class="i1 p6"></div> 37 <div class="i1 p7"></div> 38 <div class="i1 p8"></div> 39 <div class="i1 p9"></div> 40 41 <div class="i3 p1"></div> 42 <div class="i3 p2"></div> 43 <div class="i3 p3"></div> 44 <div class="i3 p4"></div> 45 <div class="i3 p5"></div> 46 <div class="i3 p6"></div> 47 <div class="i3 p7"></div> 48 <div class="i3 p8"></div> 49 <div class="i3 p9"></div> 50 51 <div class="i5 p1"></div> 52 <div class="i5 p2"></div> 53 <div class="i5 p3"></div> 54 <div class="i5 p4"></div> 55 <div class="i5 p5"></div> 56 <div class="i5 p6"></div> 57 <div class="i5 p7"></div> 58 <div class="i5 p8"></div> 59 <div class="i5 p9"></div> 60 61 <div class="i25 p1"></div> 62 <div class="i25 p2"></div> 63 <div class="i25 p3"></div> 64 <div class="i25 p4"></div> 65 <div class="i25 p5"></div> 66 <div class="i25 p6"></div> 67 <div class="i25 p7"></div> 68 <div class="i25 p8"></div> 69 <div class="i25 p9"></div> 70 71 </body> 72 </html>