OLD | NEW |
(Empty) | |
| 1 <!doctype HTML> |
| 2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
| 3 <div style="will-change: transform; overflow: scroll; width: 200px; height: 200p
x; background: lightgray"> |
| 4 <div style="position: relative; z-index: -1; width: 200px; height: 200px; back
ground: lightblue; will-change: transform"></div> |
| 5 <div id="target" style="width: 200px; height: 200px; margin-top: -100px; margi
n-left: 100px; background: red"></div> |
| 6 </div> |
| 7 <script> |
| 8 // Tests invalidation of the foreground graphics layer, which is used to paint n
ormal flow and positive z-index children |
| 9 // in the presence of a composited, negative z-index child. |
| 10 function repaintTest() { |
| 11 target.style.background = "green"; |
| 12 } |
| 13 onload = function() { |
| 14 runRepaintAndPixelTest(); |
| 15 } |
| 16 </script> |
OLD | NEW |