OLD | NEW |
1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
5 RenderBody {BODY} at (8,8) size 784x584 | 5 RenderBody {BODY} at (8,8) size 784x584 |
6 RenderBlock {P} at (0,0) size 784x20 | 6 RenderBlock {P} at (0,0) size 784x20 |
7 RenderText {#text} at (0,0) size 489x19 | 7 RenderText {#text} at (0,0) size 411x19 |
8 text run at (0,0) width 489: "The layering and positions of the boxes
should not be affected by oveflow:hidden." | 8 text run at (0,0) width 411: "The layering of the boxes should not be
affected by overflow:hidden." |
9 RenderBlock (anonymous) at (0,36) size 784x320 | 9 RenderBlock (anonymous) at (0,36) size 784x477 |
10 RenderText {#text} at (320,148) size 4x19 | 10 RenderText {#text} at (320,305) size 4x19 |
11 text run at (320,148) width 4: " " | 11 text run at (320,305) width 4: " " |
12 RenderText {#text} at (0,0) size 0x0 | 12 RenderText {#text} at (0,0) size 0x0 |
13 layer at (68,104) size 200x200 layerType: background only | 13 layer at (68,261) size 200x200 layerType: background only |
14 layer at (28,64) size 150x150 | 14 layer at (28,221) size 150x150 |
15 RenderBlock (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080
] [bgcolor=#C86464] [border: (2px solid #000000)] | 15 RenderBlock (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080
] [bgcolor=#C86464] [border: (2px solid #000000)] |
16 RenderText zI: -1 {#text} at (22,22) size 106x40 | 16 RenderText zI: -1 {#text} at (22,22) size 106x40 |
17 text run at (22,22) width 106: "Behind" | 17 text run at (22,22) width 106: "Behind" |
18 RenderText zI: -1 {#text} at (0,0) size 0x0 | 18 RenderText zI: -1 {#text} at (0,0) size 0x0 |
19 layer at (50,146) size 100x100 | 19 layer at (50,303) size 100x100 |
20 RenderBlock (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [bord
er: (2px solid #000000)] | 20 RenderBlock (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [bord
er: (2px solid #000000)] |
21 RenderText {#text} at (22,22) size 55x41 | 21 RenderText {#text} at (22,22) size 55x41 |
22 text run at (22,22) width 55: "Behind" | 22 text run at (22,22) width 55: "Behind" |
23 text run at (22,43) width 53: "behind" | 23 text run at (22,43) width 53: "behind" |
24 layer at (68,104) size 200x200 layerType: foreground only | 24 layer at (68,261) size 200x200 layerType: foreground only |
25 RenderBlock (relative positioned) {DIV} at (60,60) size 200x200 [color=#0000FF
] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)] | 25 RenderBlock (relative positioned) {DIV} at (60,217) size 200x200 [color=#0000F
F] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)] |
26 RenderText {#text} at (30,30) size 126x81 | 26 RenderText {#text} at (30,30) size 126x81 |
27 text run at (30,30) width 60: "Box" | 27 text run at (30,30) width 60: "Box" |
28 text run at (30,71) width 126: "contents" | 28 text run at (30,71) width 126: "contents" |
29 RenderText {#text} at (0,0) size 0x0 | 29 RenderText {#text} at (0,0) size 0x0 |
30 RenderText {#text} at (0,0) size 0x0 | 30 RenderText {#text} at (0,0) size 0x0 |
31 layer at (158,194) size 150x150 | 31 layer at (158,351) size 150x150 |
32 RenderBlock (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [
bgcolor=#C8C880] [border: (2px solid #000000)] | 32 RenderBlock (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [
bgcolor=#C8C880] [border: (2px solid #000000)] |
33 RenderText zI: 1 {#text} at (22,22) size 87x81 | 33 RenderText zI: 1 {#text} at (22,22) size 87x81 |
34 text run at (22,22) width 33: "In" | 34 text run at (22,22) width 33: "In" |
35 text run at (22,63) width 87: "Front" | 35 text run at (22,63) width 87: "Front" |
36 layer at (392,104) size 200x200 clip at (402,114) size 180x180 scrollWidth 230 s
crollHeight 230 layerType: background only | 36 layer at (392,104) size 200x200 clip at (402,114) size 180x180 scrollWidth 230 s
crollHeight 230 layerType: background only |
37 layer at (352,64) size 150x150 backgroundClip at (402,114) size 180x180 clip at
(402,114) size 180x180 outlineClip at (402,114) size 180x180 | 37 layer at (352,64) size 150x150 backgroundClip at (402,114) size 180x180 clip at
(402,114) size 180x180 outlineClip at (402,114) size 180x180 |
38 RenderBlock (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080
] [bgcolor=#C86464] [border: (2px solid #000000)] | 38 RenderBlock (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080
] [bgcolor=#C86464] [border: (2px solid #000000)] |
39 RenderText zI: -1 {#text} at (22,22) size 106x40 | 39 RenderText zI: -1 {#text} at (22,22) size 106x40 |
40 text run at (22,22) width 106: "Behind" | 40 text run at (22,22) width 106: "Behind" |
41 RenderText zI: -1 {#text} at (0,0) size 0x0 | 41 RenderText zI: -1 {#text} at (0,0) size 0x0 |
42 layer at (374,146) size 100x100 backgroundClip at (402,114) size 180x180 clip at
(402,114) size 180x180 outlineClip at (402,114) size 180x180 | 42 layer at (374,146) size 100x100 backgroundClip at (402,114) size 180x180 clip at
(402,114) size 180x180 outlineClip at (402,114) size 180x180 |
43 RenderBlock (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [bord
er: (2px solid #000000)] | 43 RenderBlock (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [bord
er: (2px solid #000000)] |
44 RenderText {#text} at (22,22) size 55x41 | 44 RenderText {#text} at (22,22) size 55x41 |
45 text run at (22,22) width 55: "Behind" | 45 text run at (22,22) width 55: "Behind" |
46 text run at (22,43) width 53: "behind" | 46 text run at (22,43) width 53: "behind" |
47 layer at (392,104) size 200x200 clip at (402,114) size 180x180 scrollWidth 230 s
crollHeight 230 layerType: foreground only | 47 layer at (392,104) size 200x200 clip at (402,114) size 180x180 scrollWidth 230 s
crollHeight 230 layerType: foreground only |
48 RenderBlock (relative positioned) {DIV} at (384,60) size 200x200 [color=#0000F
F] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)] | 48 RenderBlock (relative positioned) {DIV} at (384,60) size 200x200 [color=#0000F
F] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)] |
49 RenderText {#text} at (30,30) size 126x81 | 49 RenderText {#text} at (30,30) size 126x81 |
50 text run at (30,30) width 60: "Box" | 50 text run at (30,30) width 60: "Box" |
51 text run at (30,71) width 126: "contents" | 51 text run at (30,71) width 126: "contents" |
52 RenderText {#text} at (0,0) size 0x0 | 52 RenderText {#text} at (0,0) size 0x0 |
53 RenderText {#text} at (0,0) size 0x0 | 53 RenderText {#text} at (0,0) size 0x0 |
54 layer at (482,194) size 150x150 backgroundClip at (402,114) size 180x180 clip at
(402,114) size 180x180 outlineClip at (402,114) size 180x180 | 54 layer at (482,194) size 150x150 backgroundClip at (402,114) size 180x180 clip at
(402,114) size 180x180 outlineClip at (402,114) size 180x180 |
55 RenderBlock (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [
bgcolor=#C8C880] [border: (2px solid #000000)] | 55 RenderBlock (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [
bgcolor=#C8C880] [border: (2px solid #000000)] |
56 RenderText zI: 1 {#text} at (22,22) size 87x81 | 56 RenderText zI: 1 {#text} at (22,22) size 87x81 |
57 text run at (22,22) width 33: "In" | 57 text run at (22,22) width 33: "In" |
58 text run at (22,63) width 87: "Front" | 58 text run at (22,63) width 87: "Front" |
OLD | NEW |