| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>This tests that child content snapped to device pixel (borders are clear) when ancestor compositing layer has fractional bounds.</title> | |
| <style> | |
| .container { | |
| position: absolute; | |
| top: 10px; | |
| width: 40px; | |
| height: 40px; | |
| } | |
| .fuzzy { | |
| border: 1px solid blue; | |
| width: 10px; | |
| height: 10px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <script> | |
| var delta = -1; | |
| for (i = 0; i < 11; ++i) { | |
| var container = document.createElement("div"); | |
| container.className = "container"; | |
| container.style.left = 45 * i + "px"; | |
| document.body.appendChild(container); | |
| var fuzzy = document.createElement("div"); | |
| fuzzy.className = "fuzzy"; | |
| container.appendChild(fuzzy); | |
| delta -= 0.1; | |
| } | |
| </script> | |
| </body> | |
| </html> |