| layer at (0,0) size 800x600 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| LayoutBlockFlow {HTML} at (0,0) size 800x600 |
| LayoutBlockFlow {BODY} at (8,8) size 784x584 |
| layer at (10,10) size 200x200 |
| LayoutBlockFlow (positioned) {DIV} at (10,10) size 200x200 [bgcolor=#0000FF] |
| layer at (20,20) size 180x180 |
| LayoutBlockFlow (positioned) {DIV} at (10,10) size 180x180 [bgcolor=#00FF00] |
| layer at (30,30) size 160x160 transparent |
| LayoutBlockFlow (positioned) {DIV} at (10,10) size 160x160 [bgcolor=#FF0000] |
| LayoutText {#text} at (0,0) size 143x19 |
| text run at (0,0) width 143: "Should not see this text." |
| LayoutText {#text} at (0,0) size 0x0 |
| layer at (40,40) size 140x140 transparent |
| LayoutBlockFlow (positioned) {DIV} at (10,10) size 140x140 [bgcolor=#FFFFFF] |
| LayoutText {#text} at (0,0) size 113x39 |
| text run at (0,0) width 113: "Should not see this" |
| text run at (0,20) width 26: "text." |
| layer at (100,100) size 200x200 transparent |
| LayoutBlockFlow (positioned) {DIV} at (80,80) size 200x200 [bgcolor=#FFFF00] |
| layer at (10,316) size 790x60 |
| LayoutBlockFlow (positioned) {P} at (10,316) size 790x60 |
| LayoutText {#text} at (0,0) size 785x59 |
| text run at (0,0) width 785: "Below are four boxes all within each other, and a box overlaping other boxes. The 3rd inner box is red, and has an opacity of zero," |
| text run at (0,20) width 781: "and the box within it is black and has an opacity of 0.5. As the third box has opacity zero, the inner black is not visible. The yellow" |
| text run at (0,40) width 526: "block has opacity of 0.5, and is as the same level in the DOM tree as the 3rd inner box." |
