OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 body { | 3 body { |
4 padding: 0; | 4 padding: 0; |
5 margin: 0; | 5 margin: 0; |
6 width: 200px; | 6 width: 200px; |
7 height: 200px; | 7 height: 200px; |
8 image-rendering: pixelated; | 8 image-rendering: pixelated; |
9 } | 9 } |
10 div { | 10 div { |
11 width: 100px; | 11 width: 100px; |
12 height: 100px; | 12 height: 100px; |
13 } | 13 } |
14 .image { | 14 .image { |
15 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIA
AAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII=); | 15 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIA
AAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII=); |
16 background-size: 50px; | 16 background-size: 50px; |
17 } | 17 } |
18 </style> | 18 </style> |
19 <body class="image"> | 19 <body class="image"> |
20 <!-- Both the body and div should have backgrounds consisting of solid color
blocks with no blurring of edges. --> | 20 <!-- Both the body and div should have backgrounds consisting of solid color
blocks with no blurring of edges. --> |
21 <div class="image"></div> | 21 <div class="image"></div> |
22 </body> | 22 </body> |
23 <script> | 23 <script> |
24 // Ignore the render tree. | 24 // Ignore the render tree. |
25 if (window.testRunner) | 25 if (window.testRunner) |
26 window.testRunner.dumpAsTextWithPixelResults(); | 26 window.testRunner.dumpAsTextWithPixelResults(); |
27 </script> | 27 </script> |
OLD | NEW |