| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 756 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 756 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x756 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x756 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 outlineClip at (0,0) size 785x600 |
| 4 RenderBlock {HTML} at (0,0) size 785x755.88 | 4 RenderBlock {HTML} at (0,0) size 785x755.88 |
| 5 RenderBody {BODY} at (8,21.44) size 769x118.44 | 5 RenderBody {BODY} at (8,21.44) size 769x118.44 |
| 6 RenderBlock {H1} at (0,0) size 769x37 | 6 RenderBlock {H1} at (0,0) size 769x37 |
| 7 RenderText {#text} at (0,0) size 387x36 | 7 RenderText {#text} at (0,0) size 387x36 |
| 8 text run at (0,0) width 387: "Image optimisation in layers" | 8 text run at (0,0) width 387: "Image optimisation in layers" |
| 9 RenderBlock {P} at (0,58.44) size 769x60 | 9 RenderBlock {P} at (0,58.44) size 769x60 |
| 10 RenderText {#text} at (0,0) size 747x59 | 10 RenderText {#text} at (0,0) size 747x59 |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 45 text run at (150,20) width 107: "image - can NOT" | 45 text run at (150,20) width 107: "image - can NOT" |
| 46 text run at (150,40) width 63: "be directly" | 46 text run at (150,40) width 63: "be directly" |
| 47 text run at (150,60) width 70: "composited" | 47 text run at (150,60) width 70: "composited" |
| 48 RenderBlock (floating) {DIV} at (260,534.44) size 260x200 | 48 RenderBlock (floating) {DIV} at (260,534.44) size 260x200 |
| 49 RenderText {#text} at (150,0) size 108x79 | 49 RenderText {#text} at (150,0) size 108x79 |
| 50 text run at (150,0) width 66: "rotated but" | 50 text run at (150,0) width 66: "rotated but" |
| 51 text run at (150,20) width 108: "otherwise no style" | 51 text run at (150,20) width 108: "otherwise no style" |
| 52 text run at (150,40) width 98: "- can be directly" | 52 text run at (150,40) width 98: "- can be directly" |
| 53 text run at (150,60) width 70: "composited" | 53 text run at (150,60) width 70: "composited" |
| 54 layer at (8,156) size 150x150 | 54 layer at (8,156) size 150x150 |
| 55 RenderImage {IMG} at (0,0) size 150x150 | 55 LayoutImage {IMG} at (0,0) size 150x150 |
| 56 layer at (268,156) size 160x160 | 56 layer at (268,156) size 160x160 |
| 57 RenderImage {IMG} at (0,0) size 160x160 [border: (5px solid #0000FF)] | 57 LayoutImage {IMG} at (0,0) size 160x160 [border: (5px solid #0000FF)] |
| 58 layer at (13,361) size 150x150 | 58 layer at (13,361) size 150x150 |
| 59 RenderImage {IMG} at (5,5) size 150x150 | 59 LayoutImage {IMG} at (5,5) size 150x150 |
| 60 layer at (268,356) size 150x150 | 60 layer at (268,356) size 150x150 |
| 61 RenderImage {IMG} at (0,0) size 150x150 [bgcolor=#808080] | 61 LayoutImage {IMG} at (0,0) size 150x150 [bgcolor=#808080] |
| 62 layer at (8,556) size 150x150 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 62 layer at (8,556) size 150x150 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
| 63 RenderImage {IMG} at (0,0) size 150x150 [bgcolor=#FFA500] | 63 LayoutImage {IMG} at (0,0) size 150x150 [bgcolor=#FFA500] |
| 64 layer at (268,556) size 150x150 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | 64 layer at (268,556) size 150x150 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 |
| 65 RenderImage {IMG} at (0,0) size 150x150 | 65 LayoutImage {IMG} at (0,0) size 150x150 |
| OLD | NEW |