OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 #article { -webkit-flow-into: flow; width: 50px; height: 50px; backg
round-color: blue; } | |
6 #positioned { position: absolute; width: 100px; height: 100px; backg
round-color: red; } | |
7 #region { -webkit-flow-from: flow; width: 50px; height: 50px; border
: 25px solid green; overflow: hidden; } | |
8 </style> | |
9 </head> | |
10 <body> | |
11 <p>Test that a region in normal flow creates a stacking context and is p
ainted accordingly.</p> | |
12 <p>The region should be rendered in front of its positioned sibling sinc
e it appears after it in DOM order.</p> | |
13 <p>On success, you see a blue rectangle with a green border and no red.<
/p> | |
14 <div id="article"></div> | |
15 <div id="positioned"></div> | |
16 <div id="region"></div> | |
17 </body> | |
18 </html> | |
OLD | NEW |