| <!doctype html> | |
| <style> | |
| #container { | |
| opacity: 0; | |
| font: 10px/1 Ahem; | |
| } | |
| #absolute { | |
| position: absolute; | |
| top: 2000px; | |
| font: 50px/1 Sherif; | |
| } | |
| </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"; | |
| }; | |
| runRepaintTest(); | |
| </script> |