| <!DOCTYPE html> |
| <style> |
| body { |
| padding: 0; |
| margin: 0; |
| width: 200px; |
| height: 200px; |
| image-rendering: pixelated; |
| } |
| div { |
| width: 100px; |
| height: 100px; |
| } |
| .image { |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII=); |
| background-size: 50px; |
| } |
| </style> |
| <body class="image"> |
| <!-- Both the body and div should have backgrounds consisting of solid color blocks with no blurring of edges. --> |
| <div class="image"></div> |
| </body> |
| <script> |
| // Ignore the render tree. |
| if (window.testRunner) |
| testRunner.dumpAsTextWithPixelResults(); |
| </script> |
