| <!DOCTYPE html> |
| <style> |
| body { |
| position: absolute; |
| left: 0px; |
| top: 0px; |
| right: 0px; |
| bottom: 0px; |
| } |
| body > div { |
| position: absolute; |
| left: 400px; top: 10px; opacity: 1; |
| } |
| div > div { |
| position: relative; |
| display: inline-block; |
| left: 20px; |
| top: 20px; |
| width: 300px; |
| background-color: papayawhip; |
| } |
| </style> |
| <body onload="runRepaintAndPixelTest();"> |
| <div id="container"> |
| <div> |
| There should only be one copy of this text. |
| </div> |
| </div> |
| |
| <script src="resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() { |
| var container = document.getElementById('container'); |
| container.style.left = '0px'; |
| }; |
| </script> |