OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 .fixed { | |
6 position: fixed; | |
7 } | |
8 .top { | |
9 top: 1px; | |
10 } | |
11 .bottom { | |
12 bottom: 1px; | |
13 } | |
14 .left { | |
15 left: 1px; | |
16 } | |
17 .right { | |
18 right: 1px; | |
19 } | |
20 </style> | |
21 </head> | |
22 | |
23 <!-- Fixed position elements may skip compositing without a scrollable | |
24 ancestor. To make sure this test covers the intended scenario, we force the | |
25 body element to be tall, so that the FrameView is scrolling. --> | |
26 <body style="height: 4000px"> | |
27 <div id="div-tl" class="fixed top left">X</div> | |
28 <div id="div-tr" class="fixed top right">X</div> | |
29 <div id="div-bl" class="fixed bottom left">X</div> | |
30 <div id="div-br" class="fixed bottom right">X</div> | |
31 <span id="span-tl" class="fixed top left">X</span> | |
32 <span id="span-tr" class="fixed top right">X</span> | |
33 <span id="span-bl" class="fixed bottom left">X</span> | |
34 <span id="span-br" class="fixed bottom right">X</span> | |
35 </body> | |
36 </html> | |
OLD | NEW |