OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 body { | 5 body { |
6 width: 1000px; | 6 width: 1000px; |
7 height: 800px; | 7 height: 800px; |
8 } | 8 } |
9 .reference { | 9 .reference { |
10 position: absolute; | 10 position: absolute; |
11 left: 51px; | 11 left: 51px; |
12 top: 51px; | 12 top: 51px; |
13 width: 98px; | 13 width: 98px; |
14 height: 98px; | 14 height: 98px; |
15 background-color: blue; | 15 background-color: blue; |
16 } | 16 } |
17 .fixed { | 17 .fixed { |
18 position: fixed; | 18 position: fixed; |
19 left: 50px; | 19 left: 50px; |
20 top: 50px; | 20 top: 50px; |
21 width: 100px; | 21 width: 100px; |
22 height: 100px; | 22 height: 100px; |
23 background-color: white; | 23 background-color: white; |
24 } | 24 } |
25 </style> | 25 </style> |
26 <script> | 26 <script> |
27 if (window.internals && window.eventSender) { | 27 if (window.internals && window.eventSender) |
28 window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(t
rue); | 28 window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(t
rue); |
29 window.internals.settings.setFixedPositionCreatesStackingContext(true); | |
30 window.eventSender.setPageScaleFactor(0.5, 0, 0); | 29 window.eventSender.setPageScaleFactor(0.5, 0, 0); |
31 } | |
32 </script> | 30 </script> |
33 </head> | 31 </head> |
34 <body> | 32 <body> |
35 On success, the blue reference box should be invisible (covered by the fixed b
ox). | 33 On success, the blue reference box should be invisible (covered by the fixed b
ox). |
36 <div class="reference"></div> | 34 <div class="reference"></div> |
37 <div class="fixed"></div> | 35 <div class="fixed"></div> |
38 </body> | 36 </body> |
39 </html> | 37 </html> |
OLD | NEW |