OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .fixed-no-z-index { | 5 .fixed-no-z-index { |
6 position: absolute; | 6 position: absolute; |
7 left: 10px; | 7 left: 10px; |
8 -webkit-transform: translateX(10px) rotate(20deg); | 8 -webkit-transform: translateX(10px) rotate(20deg); |
9 } | 9 } |
10 .fixed-with-z-index { | 10 .fixed-with-z-index { |
11 position: fixed; | 11 position: fixed; |
12 z-index: 1; | 12 z-index: 1; |
13 left: 10px; | 13 left: 10px; |
14 -webkit-transform: translateX(10px) rotate(20deg); | 14 -webkit-transform: translateX(10px) rotate(20deg); |
15 } | 15 } |
16 </style> | 16 </style> |
17 <script> | 17 <script> |
18 if (window.internals && window.eventSender) { | 18 if (window.internals && window.eventSender) { |
19 window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(t
rue); | 19 window.internals.settings.setPreferCompositingToLCDTextEnabled(true); |
20 window.eventSender.setPageScaleFactor(0.5, 0, 0); | 20 window.eventSender.setPageScaleFactor(0.5, 0, 0); |
21 } | 21 } |
22 if (window.testRunner) | 22 if (window.testRunner) |
23 testRunner.dumpAsTextWithPixelResults(); | 23 testRunner.dumpAsTextWithPixelResults(); |
24 </script> | 24 </script> |
25 </head> | 25 </head> |
26 <body style="width:2000px;height:2000px;"> | 26 <body style="width:2000px;height:2000px;"> |
27 <div class="fixed-no-z-index">TEST</div><br> | 27 <div class="fixed-no-z-index">TEST</div><br> |
28 <div class="fixed-with-z-index">TEST</div> | 28 <div class="fixed-with-z-index">TEST</div> |
29 </body> | 29 </body> |
30 </html> | 30 </html> |
OLD | NEW |