<!doctype html>
<style>
#container {
    opacity: 0;
    font: 10px/1 Ahem;
}

#absolute {
    position: absolute;
    top: 2000px;
    font: 50px/1 Sheriff;
}
</style>
<div id="container">
    <div id="absolute">
        <p>This test checks that switching opacity invalidates the full subtree.</p>
        <p>This text should be visible in the output.</p>
    </div>
</div>
<script src="resources/text-based-repaint.js"></script>
<script>

function repaintTest() {
    window.scrollTo(0, 2000);
    container.style.opacity = "1";
};
runRepaintAndPixelTest();
</script>