| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x584 | 5 LayoutBlockFlow {BODY} at (8,8) size 784x584 |
| 6 layer at (10,10) size 200x200 | 6 layer at (10,10) size 200x200 |
| 7 LayoutBlockFlow (positioned) {DIV} at (10,10) size 200x200 [bgcolor=#0000FF] | 7 LayoutBlockFlow (positioned) {DIV} at (10,10) size 200x200 [bgcolor=#0000FF] |
| 8 layer at (20,20) size 180x180 | 8 layer at (20,20) size 180x180 |
| 9 LayoutBlockFlow (positioned) {DIV} at (10,10) size 180x180 [bgcolor=#00FF00] | 9 LayoutBlockFlow (positioned) {DIV} at (10,10) size 180x180 [bgcolor=#00FF00] |
| 10 layer at (30,30) size 160x160 transparent | 10 layer at (30,30) size 160x160 transparent |
| 11 LayoutBlockFlow (positioned) {DIV} at (10,10) size 160x160 [bgcolor=#FF0000] | 11 LayoutBlockFlow (positioned) {DIV} at (10,10) size 160x160 [bgcolor=#FF0000] |
| 12 LayoutText {#text} at (0,0) size 154x18 | 12 LayoutText {#text} at (0,0) size 154x18 |
| 13 text run at (0,0) width 154: "Should not see this text." | 13 text run at (0,0) width 154: "Should not see this text." |
| 14 LayoutText {#text} at (0,0) size 0x0 | |
| 15 layer at (40,40) size 140x140 | 14 layer at (40,40) size 140x140 |
| 16 LayoutBlockFlow (positioned) {DIV} at (10,10) size 140x140 [bgcolor=#FFFFFF] | 15 LayoutBlockFlow (positioned) {DIV} at (10,10) size 140x140 [bgcolor=#FFFFFF] |
| 17 LayoutText {#text} at (0,0) size 122x36 | 16 LayoutText {#text} at (0,0) size 122x36 |
| 18 text run at (0,0) width 122: "Should not see this" | 17 text run at (0,0) width 122: "Should not see this" |
| 19 text run at (0,18) width 28: "text." | 18 text run at (0,18) width 28: "text." |
| 20 layer at (100,100) size 200x200 transparent | 19 layer at (100,100) size 200x200 transparent |
| 21 LayoutBlockFlow (positioned) {DIV} at (80,80) size 200x200 [bgcolor=#FFFF00] | 20 LayoutBlockFlow (positioned) {DIV} at (80,80) size 200x200 [bgcolor=#FFFF00] |
| 22 layer at (10,316) size 790x54 | 21 layer at (10,316) size 790x54 |
| 23 LayoutBlockFlow (positioned) {P} at (10,316) size 790x54 | 22 LayoutBlockFlow (positioned) {P} at (10,316) size 790x54 |
| 24 LayoutText {#text} at (0,0) size 782x54 | 23 LayoutText {#text} at (0,0) size 782x54 |
| 25 text run at (0,0) width 782: "Below are four boxes all within each other,
and a box overlaping other boxes. The 3rd inner box is red, and has an opacity" | 24 text run at (0,0) width 782: "Below are four boxes all within each other,
and a box overlaping other boxes. The 3rd inner box is red, and has an opacity" |
| 26 text run at (0,18) width 753: "of zero, and the box within it is black and
has an opacity of 1. As the third box has opacity zero, the inner black is not" | 25 text run at (0,18) width 753: "of zero, and the box within it is black and
has an opacity of 1. As the third box has opacity zero, the inner black is not" |
| 27 text run at (0,36) width 684: "visible. The yellow block has opacity of 0.
5, and is as the same level in the DOM tree as the 3rd inner box." | 26 text run at (0,36) width 684: "visible. The yellow block has opacity of 0.
5, and is as the same level in the DOM tree as the 3rd inner box." |
| OLD | NEW |