| 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 LayoutBlockFlow {P} at (0,0) size 784x18 | 6 LayoutBlockFlow {P} at (0,0) size 784x18 |
| 7 LayoutText {#text} at (0,0) size 442x18 | 7 LayoutText {#text} at (0,0) size 442x18 |
| 8 text run at (0,0) width 442: "The layering of the boxes should not be
affected by overflow:hidden." | 8 text run at (0,0) width 442: "The layering of the boxes should not be
affected by overflow:hidden." |
| 9 LayoutBlockFlow (anonymous) at (0,34) size 784x479 | 9 LayoutBlockFlow (anonymous) at (0,34) size 784x479 |
| 10 LayoutText {#text} at (320,306) size 4x18 | 10 LayoutText {#text} at (320,306) size 4x18 |
| 11 text run at (320,306) width 4: " " | 11 text run at (320,306) width 4: " " |
| 12 LayoutText {#text} at (0,0) size 0x0 | 12 LayoutText {#text} at (0,0) size 0x0 |
| 13 layer at (68,261) size 200x200 layerType: background only | 13 layer at (68,261) size 200x200 layerType: background only |
| 14 layer at (28,221) size 150x150 | 14 layer at (28,221) size 150x150 |
| 15 LayoutBlockFlow (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#80
8080] [bgcolor=#C86464] [border: (2px solid #000000)] | 15 LayoutBlockFlow (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#80
8080] [bgcolor=#C86464] [border: (2px solid #000000)] |
| 16 LayoutText zI: -1 {#text} at (22,22) size 108x40 | 16 LayoutText zI: -1 {#text} at (22,22) size 108x40 |
| 17 text run at (22,22) width 108: "Behind" | 17 text run at (22,22) width 108: "Behind" |
| 18 LayoutText zI: -1 {#text} at (0,0) size 0x0 | |
| 19 layer at (50,303) size 100x100 | 18 layer at (50,303) size 100x100 |
| 20 LayoutBlockFlow (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [
border: (2px solid #000000)] | 19 LayoutBlockFlow (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [
border: (2px solid #000000)] |
| 21 LayoutText {#text} at (22,22) size 54x40 | 20 LayoutText {#text} at (22,22) size 54x40 |
| 22 text run at (22,22) width 54: "Behind" | 21 text run at (22,22) width 54: "Behind" |
| 23 text run at (22,42) width 52: "behind" | 22 text run at (22,42) width 52: "behind" |
| 24 layer at (68,261) size 200x200 layerType: foreground only | 23 layer at (68,261) size 200x200 layerType: foreground only |
| 25 LayoutBlockFlow (relative positioned) {DIV} at (60,219) size 200x200 [color=#0
000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)] | 24 LayoutBlockFlow (relative positioned) {DIV} at (60,219) size 200x200 [color=#0
000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)] |
| 26 LayoutText {#text} at (30,30) size 126x80 | 25 LayoutText {#text} at (30,30) size 126x80 |
| 27 text run at (30,30) width 59: "Box" | 26 text run at (30,30) width 59: "Box" |
| 28 text run at (30,70) width 126: "contents" | 27 text run at (30,70) width 126: "contents" |
| 29 LayoutText {#text} at (0,0) size 0x0 | |
| 30 LayoutText {#text} at (0,0) size 0x0 | |
| 31 layer at (158,351) size 150x150 | 28 layer at (158,351) size 150x150 |
| 32 LayoutBlockFlow (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#80808
0] [bgcolor=#C8C880] [border: (2px solid #000000)] | 29 LayoutBlockFlow (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#80808
0] [bgcolor=#C8C880] [border: (2px solid #000000)] |
| 33 LayoutText zI: 1 {#text} at (22,22) size 86x80 | 30 LayoutText zI: 1 {#text} at (22,22) size 86x80 |
| 34 text run at (22,22) width 34: "In" | 31 text run at (22,22) width 34: "In" |
| 35 text run at (22,62) width 86: "Front" | 32 text run at (22,62) width 86: "Front" |
| 36 layer at (392,102) size 200x200 clip at (402,112) size 180x180 scrollWidth 230 s
crollHeight 230 layerType: background only | 33 layer at (392,102) size 200x200 clip at (402,112) size 180x180 scrollWidth 230 s
crollHeight 230 layerType: background only |
| 37 layer at (352,62) size 150x150 backgroundClip at (402,112) size 180x180 clip at
(402,112) size 180x180 | 34 layer at (352,62) size 150x150 backgroundClip at (402,112) size 180x180 clip at
(402,112) size 180x180 |
| 38 LayoutBlockFlow (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#80
8080] [bgcolor=#C86464] [border: (2px solid #000000)] | 35 LayoutBlockFlow (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#80
8080] [bgcolor=#C86464] [border: (2px solid #000000)] |
| 39 LayoutText zI: -1 {#text} at (22,22) size 108x40 | 36 LayoutText zI: -1 {#text} at (22,22) size 108x40 |
| 40 text run at (22,22) width 108: "Behind" | 37 text run at (22,22) width 108: "Behind" |
| 41 LayoutText zI: -1 {#text} at (0,0) size 0x0 | |
| 42 layer at (374,144) size 100x100 backgroundClip at (402,112) size 180x180 clip at
(402,112) size 180x180 | 38 layer at (374,144) size 100x100 backgroundClip at (402,112) size 180x180 clip at
(402,112) size 180x180 |
| 43 LayoutBlockFlow (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [
border: (2px solid #000000)] | 39 LayoutBlockFlow (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [
border: (2px solid #000000)] |
| 44 LayoutText {#text} at (22,22) size 54x40 | 40 LayoutText {#text} at (22,22) size 54x40 |
| 45 text run at (22,22) width 54: "Behind" | 41 text run at (22,22) width 54: "Behind" |
| 46 text run at (22,42) width 52: "behind" | 42 text run at (22,42) width 52: "behind" |
| 47 layer at (392,102) size 200x200 clip at (402,112) size 180x180 scrollWidth 230 s
crollHeight 230 layerType: foreground only | 43 layer at (392,102) size 200x200 clip at (402,112) size 180x180 scrollWidth 230 s
crollHeight 230 layerType: foreground only |
| 48 LayoutBlockFlow (relative positioned) {DIV} at (384,60) size 200x200 [color=#0
000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)] | 44 LayoutBlockFlow (relative positioned) {DIV} at (384,60) size 200x200 [color=#0
000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)] |
| 49 LayoutText {#text} at (30,30) size 126x80 | 45 LayoutText {#text} at (30,30) size 126x80 |
| 50 text run at (30,30) width 59: "Box" | 46 text run at (30,30) width 59: "Box" |
| 51 text run at (30,70) width 126: "contents" | 47 text run at (30,70) width 126: "contents" |
| 52 LayoutText {#text} at (0,0) size 0x0 | |
| 53 LayoutText {#text} at (0,0) size 0x0 | |
| 54 layer at (482,192) size 150x150 backgroundClip at (402,112) size 180x180 clip at
(402,112) size 180x180 | 48 layer at (482,192) size 150x150 backgroundClip at (402,112) size 180x180 clip at
(402,112) size 180x180 |
| 55 LayoutBlockFlow (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#80808
0] [bgcolor=#C8C880] [border: (2px solid #000000)] | 49 LayoutBlockFlow (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#80808
0] [bgcolor=#C8C880] [border: (2px solid #000000)] |
| 56 LayoutText zI: 1 {#text} at (22,22) size 86x80 | 50 LayoutText zI: 1 {#text} at (22,22) size 86x80 |
| 57 text run at (22,22) width 34: "In" | 51 text run at (22,22) width 34: "In" |
| 58 text run at (22,62) width 86: "Front" | 52 text run at (22,62) width 86: "Front" |
| OLD | NEW |