<!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>