OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <div style="z-index: 1; position: absolute"></div> | 3 <div style="z-index: 1; position: absolute"></div> |
4 <div style="z-index: 0; perspective: 1000px; position: absolute;"> | 4 <div style="z-index: 0; perspective: 1000px; position: absolute;"> |
5 <div style="position: absolute; width: 200px; height: 200px; background-colo
r: darkBlue; transform: translate3d(0px, 74px, 200px);"> | 5 <div style="position: absolute; width: 200px; height: 200px; background-colo
r: darkBlue; transform: translate3d(0px, 74px, 200px);"> |
6 </div> | 6 </div> |
7 </div> | 7 </div> |
8 <script> | 8 <script> |
9 // Tests that a squashed layer that is the child of an element with perspective
on it uses that element as its transform ancestor. | 9 // Tests that a squashed layer that is the child of an element with perspective
on it uses that element as its transform ancestor. |
10 | |
11 if (window.internals) | |
12 internals.settings.setLayerSquashingEnabled(true); | |
13 if (window.testRunner) { | 10 if (window.testRunner) { |
14 testRunner.dumpAsText(); | 11 testRunner.dumpAsText(); |
15 testRunner.setCustomTextOutput(window.internals.layerTreeAsText(document)); | 12 testRunner.setCustomTextOutput(window.internals.layerTreeAsText(document)); |
16 } | 13 } |
17 </script> | 14 </script> |
OLD | NEW |