| { |
| "layers": [ |
| { |
| "name": "LayoutView #document", |
| "bounds": [800, 600], |
| "drawsContent": false, |
| "backgroundColor": "#FFFFFF" |
| }, |
| { |
| "name": "Scrolling Layer", |
| "bounds": [800, 600], |
| "drawsContent": false |
| }, |
| { |
| "name": "Scrolling Contents Layer", |
| "bounds": [800, 600], |
| "contentsOpaque": true, |
| "backgroundColor": "#FFFFFF" |
| }, |
| { |
| "name": "LayoutBlockFlow DIV class='container'", |
| "position": [8, 8], |
| "bounds": [308, 208], |
| "backgroundColor": "#00FF0080" |
| }, |
| { |
| "name": "Scrolling Layer", |
| "position": [12, 12], |
| "bounds": [285, 200], |
| "drawsContent": false |
| }, |
| { |
| "name": "Scrolling Contents Layer", |
| "position": [12, 12], |
| "bounds": [285, 530], |
| "backgroundColor": "#00FF0080" |
| }, |
| { |
| "name": "Overflow Controls Host Layer", |
| "position": [8, 8], |
| "bounds": [308, 208], |
| "drawsContent": false |
| }, |
| { |
| "name": "Vertical Scrollbar Layer", |
| "position": [297, 12], |
| "bounds": [15, 185], |
| "drawsContent": false |
| }, |
| { |
| "name": "Scroll Corner Layer", |
| "position": [297, 197], |
| "bounds": [15, 15] |
| }, |
| { |
| "name": "LayoutBlockFlow (positioned) DIV id='fixed'", |
| "position": [50, 200], |
| "bounds": [200, 200], |
| "contentsOpaque": true, |
| "backgroundColor": "#008000" |
| }, |
| { |
| "name": "LayoutBlockFlow (relative positioned) DIV class='box red'", |
| "position": [22, 22], |
| "bounds": [100, 100], |
| "backgroundColor": "#FF000080", |
| "hasScrollParent": true |
| }, |
| { |
| "name": "Squashing Containment Layer", |
| "drawsContent": false, |
| "hasScrollParent": true |
| }, |
| { |
| "name": "LayoutBlockFlow (relative positioned) DIV class='box'", |
| "position": [22, 102], |
| "bounds": [100, 100], |
| "backgroundColor": "#0000FF80" |
| }, |
| { |
| "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (relative positioned) DIV class='box')", |
| "position": [22, 212], |
| "bounds": [100, 320] |
| } |
| ] |
| } |
| |