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."