OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <style> | 5 <style> |
6 .fixed { | 6 .fixed { |
7 position: fixed; | 7 position: fixed; |
8 width: 50px; | 8 width: 50px; |
9 height: 50px; | 9 height: 50px; |
10 } | 10 } |
11 | 11 |
12 .absolute { | 12 .absolute { |
13 position: absolute; | 13 position: absolute; |
14 top: 40px; | 14 top: 40px; |
15 left: 40px; | 15 left: 40px; |
16 height: 100px; | 16 height: 100px; |
17 width: 100px; | 17 width: 100px; |
18 background-color: gray; | 18 background-color: gray; |
19 } | 19 } |
20 </style> | 20 </style> |
21 | 21 |
22 <script type="text/javascript"> | 22 <script type="text/javascript"> |
23 if (window.internals) { | 23 if (window.internals) { |
24 window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled
(true); | 24 window.internals.settings.setPreferCompositingToLCDTextEnabled(true); |
25 } | 25 } |
26 | 26 |
27 if (window.testRunner) { | 27 if (window.testRunner) { |
28 testRunner.dumpAsText(); | 28 testRunner.dumpAsText(); |
29 | 29 |
30 window.addEventListener("load", function() { | 30 window.addEventListener("load", function() { |
31 document.getElementById("layertree").innerText = window.internals.layerT
reeAsText(document); | 31 document.getElementById("layertree").innerText = window.internals.layerT
reeAsText(document); |
32 }, false); | 32 }, false); |
33 } | 33 } |
34 </script> | 34 </script> |
35 </head> | 35 </head> |
36 | 36 |
37 <body> | 37 <body> |
38 <div style="height: 1000px"> | 38 <div style="height: 1000px"> |
39 <pre id="layertree"></pre> | 39 <pre id="layertree"></pre> |
40 </div> | 40 </div> |
41 | 41 |
42 <!-- This should not be promoted to a composited layer. --> | 42 <!-- This should not be promoted to a composited layer. --> |
43 <div class="fixed" style="top: 10px; left: 10px"></div> | 43 <div class="fixed" style="top: 10px; left: 10px"></div> |
44 <!-- And this should not be promoted into a layer either as a result. --> | 44 <!-- And this should not be promoted into a layer either as a result. --> |
45 <div class="absolute"></div> | 45 <div class="absolute"></div> |
46 </body> | 46 </body> |
47 </html> | 47 </html> |
48 | 48 |
OLD | NEW |