| 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 |