| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <head> | 2 <head> |
| 3 <script src="../../resources/run-after-display.js"></script> | 3 <script src="../../resources/run-after-display.js"></script> |
| 4 <style> | 4 <style> |
| 5 .composited { | 5 .composited { |
| 6 -webkit-transform: translatez(0); | 6 transform: translatez(0); |
| 7 } | 7 } |
| 8 | 8 |
| 9 .box { | 9 .box { |
| 10 width: 100px; | 10 width: 100px; |
| 11 height: 100px; | 11 height: 100px; |
| 12 } | 12 } |
| 13 | 13 |
| 14 .behind { | 14 .behind { |
| 15 position: absolute; | 15 position: absolute; |
| 16 z-index: 1; | 16 z-index: 1; |
| (...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 78 </div> | 78 </div> |
| 79 | 79 |
| 80 <div id="testResults" style="display:none"> | 80 <div id="testResults" style="display:none"> |
| 81 CASE 1, original layer tree | 81 CASE 1, original layer tree |
| 82 <pre id="Case1"></pre> | 82 <pre id="Case1"></pre> |
| 83 | 83 |
| 84 CASE 2, change color of "inner" to red | 84 CASE 2, change color of "inner" to red |
| 85 <pre id="Case2"></pre> | 85 <pre id="Case2"></pre> |
| 86 </div> | 86 </div> |
| 87 </body> | 87 </body> |
| OLD | NEW |