OLD | NEW |
| (Empty) |
1 <!-- Based on fast/repaint/stacking-context-lost.html --> | |
2 <!DOCTYPE html> | |
3 <script src="resources/paint-invalidation-test.js"></script> | |
4 <script> | |
5 function paintInvalidationTest() | |
6 { | |
7 outer.style.zIndex = 'auto'; | |
8 inner.style.display = 'none'; | |
9 } | |
10 | |
11 runPaintInvalidationTest(); | |
12 </script> | |
13 <div style="position: absolute; top: 10px; left: 10px; height: 100px;"> | |
14 There should be one green box below. A red box may be seen briefly, but the
page should settle | |
15 on showing only the one green box. Intent is to ensure that we accurately re
paint the red box | |
16 region when (1) the green box containing the red box ceases to be a stacking
context, and (2) | |
17 the red box is hidden. | |
18 </div> | |
19 <div id="outer" style="background-color: green; height: 100px; width: 100px; bac
kface-visibility: hidden; position: relative; z-index: 1; top: 270px; left: 270p
x;"> | |
20 <div id="inner" style="background-color: red; height: 100px; width: 100px; p
osition: relative;"> | |
21 </div> | |
22 </div> | |
OLD | NEW |