OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <link href="resources/region-style.css" rel="stylesheet" type="text/css"/> | |
5 <style> | |
6 /* | |
7 This element should not be visible because the region's content shou
ld paint under the | |
8 region's sibling. | |
9 */ | |
10 #content-for-region { | |
11 background-color: red; | |
12 -webkit-flow-into: flow; | |
13 width: 50px; | |
14 height: 50px; | |
15 margin-left: 50px; | |
16 margin-top: 50px; | |
17 } | |
18 #region { | |
19 background-color: gray; | |
20 -webkit-flow-from: flow; | |
21 width: 100px; | |
22 height: 100px; | |
23 } | |
24 #sibling-of-region { | |
25 background-color: green; | |
26 width: 100px; | |
27 height: 100px; | |
28 margin-top: -90px; | |
29 margin-left: 10px; | |
30 } | |
31 </style> | |
32 </head> | |
33 <body> | |
34 <div id="content-for-region"></div> | |
35 <div id="region"></div> | |
36 <div id="sibling-of-region" class="forcedStackingContext"></div> | |
37 <p>This test verifies that if a region appears before a sibling element in D
OM order, the region's | |
38 content paints below the sibling. | |
39 This test passes if there is no red visible.</p> | |
40 </body> | |
41 </html> | |
OLD | NEW |