blob: 292d91d283f5ae3d3053baefd1486dba80ae35ea [file] [log] [blame]
<!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>