| { |
| "name": "Content Root Layer", |
| "bounds": [800, 600], |
| "children": [ |
| { |
| "name": "LayoutView #document", |
| "bounds": [800, 600], |
| "contentsOpaque": true, |
| "children": [ |
| { |
| "name": "LayoutBlockFlow HTML", |
| "bounds": [800, 600], |
| "drawsContent": true, |
| "children": [ |
| { |
| "name": "LayoutBlockFlow (positioned) DIV class='stacking-context'", |
| "position": [8, 8], |
| "contentsOpaque": true, |
| "drawsContent": true, |
| "backgroundColor": "#FF0000", |
| "children": [ |
| { |
| "name": "LayoutBlockFlow (positioned) DIV class='stacking-context'", |
| "bounds": [160, 90], |
| "isolate": true, |
| "contentsOpaque": true, |
| "drawsContent": true, |
| "backgroundColor": "#008000", |
| "children": [ |
| { |
| "name": "LayoutBlockFlow DIV class='blended'", |
| "bounds": [160, 90], |
| "blendMode": "multiply", |
| "drawsContent": true, |
| "backgroundColor": "#0000FF", |
| "children": [ |
| { |
| "name": "LayoutImage IMG class='accelerated'", |
| "bounds": [160, 90] |
| } |
| ] |
| } |
| ] |
| }, |
| { |
| "name": "LayoutBlockFlow (positioned) DIV class='stacking-context' (foreground) Layer", |
| "drawsContent": true |
| } |
| ] |
| }, |
| { |
| "name": "LayoutBlockFlow HTML (foreground) Layer", |
| "bounds": [800, 600], |
| "drawsContent": true |
| } |
| ] |
| } |
| ] |
| } |
| ] |
| } |
| |