| <!DOCTYPE html> |
| <div style="z-index: -1; backface-visibility: hidden; width: 400px; height: 400px"></div> |
| <div id="target" style="position: absolute; top: 0px; left: 0px; height: 100px; width: 600px; color: red"> |
| Text should disappear. Text should disappear. Text should disappear. Text should disappear. |
| </div> |
| <!-- Layers previously squashed together with target. |
| They cover left and bottom side of the squashed layer, but not the top-right part. --> |
| <div style="z-index: 1; position: absolute; left: 0; top: 0; width: 200px; height: 500px; background-color: green"> |
| </div> |
| <div style="z-index: 1; position: absolute; left: 0; top: 400px; height: 100px; width: 700px; background-color: green"> |
| </div> |
| <script src="../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| onload = function() { |
| runAfterLayoutAndPaint(function() { |
| target.style.position = 'static'; |
| }, true); |
| } |
| </script> |