| <html lang="en"> | |
| <head> | |
| <script type="text/javascript" charset="utf-8"> | |
| function doTest() | |
| { | |
| var bg = document.querySelector(".test"); | |
| if (window.testRunner) | |
| testRunner.dumpAsText(true); | |
| // Change the layer to become background only. | |
| if (window.testRunner) | |
| window.testRunner.displayAndTrackRepaints(); | |
| bg.innerHTML = "<span style=\"opacity:0\">123</span>"; | |
| if (window.testRunner) | |
| testRunner.notifyDone(); | |
| } | |
| if (window.testRunner) | |
| testRunner.waitUntilDone(); | |
| window.addEventListener('load', doTest, false); | |
| </script> | |
| <style> | |
| .composited { -webkit-transform: rotate3d(0, 0, 1, 0); } | |
| .test { | |
| height: 200px; | |
| width: 260px; | |
| background-image: url(../resources/simple_image.png); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="test composited">123</div> | |
| </body> | |
| </html> |