| layer at (0,0) size 785x5270 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x5270 layerType: background only |
| layer at (84,1480) size 200x200 |
| RenderBlock (positioned) zI: -3000000 {P} at (60,60) size 200x200 [color=#FFFFFF] [bgcolor=#990066] |
| RenderText zI: -3000000 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "8" |
| layer at (34,1630) size 200x200 |
| RenderBlock (positioned) zI: -2000000 {P} at (10,210) size 200x200 [color=#FFFFFF] [bgcolor=#660099] |
| RenderText zI: -2000000 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "7" |
| layer at (84,1780) size 200x200 |
| RenderBlock (positioned) zI: -1000000 {P} at (60,360) size 200x200 [color=#FFFFFF] [bgcolor=#0000FF] |
| RenderText zI: -1000000 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "6" |
| layer at (84,2116) size 200x200 |
| RenderBlock (positioned) zI: -40 {P} at (60,60) size 200x200 [color=#FFFFFF] [bgcolor=#990066] |
| RenderText zI: -40 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "8" |
| layer at (34,2266) size 200x200 |
| RenderBlock (positioned) zI: -30 {P} at (10,210) size 200x200 [color=#FFFFFF] [bgcolor=#660099] |
| RenderText zI: -30 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "7" |
| layer at (84,844) size 200x200 |
| RenderBlock (positioned) zI: -3 {P} at (60,60) size 200x200 [color=#FFFFFF] [bgcolor=#990066] |
| RenderText zI: -3 {#text} at (50,45) size 392x89 |
| text run at (50,45) width 392: " 8 hide me" |
| layer at (84,2752) size 200x200 |
| RenderBlock (positioned) zI: -3 {P} at (60,60) size 200x200 [color=#FFFFFF] [bgcolor=#990066] |
| RenderText zI: -3 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "8" |
| layer at (34,2902) size 200x200 |
| RenderBlock (positioned) zI: -3 {P} at (10,210) size 200x200 [color=#FFFFFF] [bgcolor=#660099] |
| RenderText zI: -3 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "7" |
| layer at (84,3388) size 200x200 |
| RenderBlock (positioned) zI: -3 {P} at (60,60) size 200x200 [color=#FFFFFF] [bgcolor=#990066] |
| RenderText zI: -3 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "8" |
| layer at (84,4024) size 200x200 |
| RenderBlock (positioned) zI: -3 {P} at (60,60) size 200x200 [color=#FFFFFF] [bgcolor=#990066] |
| RenderText zI: -3 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "8" |
| layer at (84,4694) size 200x200 |
| RenderBlock (positioned) zI: -3 {P} at (60,60) size 200x200 [color=#FFFFFF] [bgcolor=#990066] |
| RenderText zI: -3 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "8" |
| layer at (34,994) size 200x200 |
| RenderBlock (positioned) zI: -2 {P} at (10,210) size 200x200 [color=#FFFFFF] [bgcolor=#660099] |
| RenderText zI: -2 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "7" |
| layer at (84,2416) size 200x200 |
| RenderBlock (positioned) zI: -2 {P} at (60,360) size 200x200 [color=#FFFFFF] [bgcolor=#0000FF] |
| RenderText zI: -2 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "6" |
| layer at (234,2466) size 200x200 |
| RenderBlock (positioned) zI: -2 {P} at (210,410) size 200x200 [color=#FFFFFF] [bgcolor=#009999] |
| RenderText zI: -2 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "5" |
| layer at (34,3538) size 200x200 |
| RenderBlock (positioned) zI: -2 {P} at (10,210) size 200x200 [color=#FFFFFF] [bgcolor=#660099] |
| RenderText zI: -2 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "7" |
| layer at (34,4174) size 200x200 |
| RenderBlock (positioned) zI: -2 {P} at (0,200) size 200x200 [color=#FFFFFF] [bgcolor=#660099] |
| RenderText zI: -2 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "7" |
| layer at (34,4844) size 200x200 |
| RenderBlock (positioned) zI: -2 {P} at (0,200) size 200x200 [color=#FFFFFF] [bgcolor=#660099] |
| RenderText zI: -2 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "7" |
| layer at (84,1144) size 200x200 |
| RenderBlock (positioned) zI: -1 {P} at (60,360) size 200x200 [color=#FFFFFF] [bgcolor=#0000FF] |
| RenderText zI: -1 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "6" |
| layer at (84,4324) size 200x200 |
| RenderBlock (positioned) zI: -1 {P} at (60,360) size 200x200 [color=#FFFFFF] [bgcolor=#0000FF] |
| RenderText zI: -1 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "6" |
| layer at (84,4994) size 200x200 |
| RenderBlock (positioned) zI: -1 {P} at (60,360) size 200x200 [color=#FFFFFF] [bgcolor=#0000FF] |
| RenderText zI: -1 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "6" |
| layer at (0,0) size 785x5270 layerType: foreground only |
| RenderBlock {HTML} at (0,0) size 785x5270 |
| RenderBody {BODY} at (8,21) size 769x5233 |
| RenderBlock {H1} at (0,0) size 769x37 |
| RenderText {#text} at (0,0) size 293x36 |
| text run at (0,0) width 293: "Layered Presentation" |
| RenderBlock {P} at (0,58) size 769x19 |
| RenderText {#text} at (0,0) size 733x17 |
| text run at (0,0) width 398: "Robert O'Callahan pointed out to me some mistakes in this test " |
| text run at (398,0) width 335: "that I have not yet had the time to examine or correct." |
| RenderBlock {P} at (0,92) size 769x19 |
| RenderText {#text} at (0,0) size 463x17 |
| text run at (0,0) width 463: "In each of the following, 1 should be the top layer and 8 the bottom layer:" |
| RenderBlock {P} at (0,4578) size 769x19 |
| RenderText {#text} at (0,0) size 349x17 |
| text run at (0,0) width 349: "Using assumed default value of z-index (may not pass):" |
| layer at (24,148) size 620x620 |
| RenderBlock (relative positioned) {DIV} at (16,126) size 620x621 [border: (10px solid #000000)] |
| layer at (84,208) size 200x200 |
| RenderBlock (positioned) {P} at (60,60) size 200x200 [color=#FFFFFF] [bgcolor=#990066] |
| RenderText {#text} at (50,45) size 392x89 |
| text run at (50,45) width 392: " 8 hide me" |
| layer at (34,358) size 200x200 |
| RenderBlock (positioned) {P} at (10,210) size 200x200 [color=#FFFFFF] [bgcolor=#660099] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "7" |
| layer at (84,508) size 200x200 |
| RenderBlock (positioned) {P} at (60,360) size 200x200 [color=#FFFFFF] [bgcolor=#0000FF] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "6" |
| layer at (234,558) size 200x200 |
| RenderBlock (positioned) {P} at (210,410) size 200x200 [color=#FFFFFF] [bgcolor=#009999] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "5" |
| layer at (384,508) size 200x200 |
| RenderBlock (positioned) {P} at (360,360) size 200x200 [color=#FFFFFF] [bgcolor=#00CC00] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "4" |
| layer at (434,358) size 200x200 |
| RenderBlock (positioned) {P} at (410,210) size 200x200 [color=#FFFFFF] [bgcolor=#CCCC00] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "3" |
| layer at (384,208) size 200x200 |
| RenderBlock (positioned) {P} at (360,60) size 200x200 [color=#FFFFFF] [bgcolor=#FF9900] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "2" |
| layer at (234,158) size 200x200 |
| RenderBlock (positioned) {P} at (210,10) size 200x200 [color=#FFFFFF] [bgcolor=#FF0000] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "1" |
| layer at (24,784) size 620x620 |
| RenderBlock (relative positioned) {DIV} at (16,762) size 620x621 [border: (10px solid #000000)] |
| layer at (234,1194) size 200x200 |
| RenderBlock (positioned) {P} at (210,410) size 200x200 [color=#FFFFFF] [bgcolor=#009999] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "5" |
| layer at (24,1420) size 620x620 |
| RenderBlock (relative positioned) {DIV} at (16,1398) size 620x621 [border: (10px solid #000000)] |
| layer at (234,1830) size 200x200 |
| RenderBlock (positioned) {P} at (210,410) size 200x200 [color=#FFFFFF] [bgcolor=#009999] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "5" |
| layer at (24,2056) size 620x620 |
| RenderBlock (relative positioned) {DIV} at (16,2034) size 620x621 [border: (10px solid #000000)] |
| layer at (384,2416) size 200x200 |
| RenderBlock (positioned) {P} at (360,360) size 200x200 [color=#FFFFFF] [bgcolor=#00CC00] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "4" |
| layer at (434,2266) size 200x200 |
| RenderBlock (positioned) {P} at (410,210) size 200x200 [color=#FFFFFF] [bgcolor=#CCCC00] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "3" |
| layer at (24,2692) size 620x620 |
| RenderBlock (relative positioned) {DIV} at (16,2670) size 620x621 [border: (10px solid #000000)] |
| layer at (84,3052) size 200x200 |
| RenderBlock (positioned) {P} at (60,360) size 200x200 [color=#FFFFFF] [bgcolor=#0000FF] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "6" |
| layer at (234,3102) size 200x200 |
| RenderBlock (positioned) {P} at (210,410) size 200x200 [color=#FFFFFF] [bgcolor=#009999] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "5" |
| layer at (384,3052) size 200x200 |
| RenderBlock (positioned) {P} at (360,360) size 200x200 [color=#FFFFFF] [bgcolor=#00CC00] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "4" |
| layer at (24,3328) size 620x620 |
| RenderBlock (relative positioned) {DIV} at (16,3306) size 620x621 [border: (10px solid #000000)] |
| layer at (34,3338) size 600x600 layerType: background only |
| layer at (84,3688) size 200x200 |
| RenderBlock (positioned) zI: -9 {P} at (50,350) size 200x200 [color=#FFFFFF] [bgcolor=#0000FF] |
| RenderText zI: -9 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "6" |
| layer at (34,3338) size 600x600 layerType: foreground only |
| RenderBlock (positioned) {DIV} at (10,10) size 600x600 |
| layer at (234,3738) size 200x200 |
| RenderBlock (positioned) {P} at (200,400) size 200x200 [color=#FFFFFF] [bgcolor=#009999] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "5" |
| layer at (384,3688) size 200x200 |
| RenderBlock (positioned) zI: 9 {P} at (350,350) size 200x200 [color=#FFFFFF] [bgcolor=#00CC00] |
| RenderText zI: 9 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "4" |
| layer at (24,3964) size 620x620 |
| RenderBlock (relative positioned) {DIV} at (16,3942) size 620x621 [border: (10px solid #000000)] |
| layer at (34,3974) size 600x600 |
| RenderBlock (positioned) {DIV} at (10,10) size 600x600 |
| layer at (234,4374) size 200x200 |
| RenderBlock (positioned) {P} at (210,410) size 200x200 [color=#FFFFFF] [bgcolor=#009999] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "5" |
| layer at (24,4634) size 620x620 |
| RenderBlock (relative positioned) {DIV} at (16,4612) size 620x621 [border: (10px solid #000000)] |
| layer at (34,4644) size 600x600 |
| RenderBlock (positioned) {DIV} at (10,10) size 600x600 |
| layer at (234,5044) size 200x200 |
| RenderBlock (positioned) {P} at (210,410) size 200x200 [color=#FFFFFF] [bgcolor=#009999] |
| RenderText {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "5" |
| layer at (384,1144) size 200x200 |
| RenderBlock (positioned) zI: 1 {P} at (360,360) size 200x200 [color=#FFFFFF] [bgcolor=#00CC00] |
| RenderText zI: 1 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "4" |
| layer at (384,4324) size 200x200 |
| RenderBlock (positioned) zI: 1 {P} at (350,350) size 200x200 [color=#FFFFFF] [bgcolor=#00CC00] |
| RenderText zI: 1 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "4" |
| layer at (384,4994) size 200x200 |
| RenderBlock (positioned) zI: 1 {P} at (350,350) size 200x200 [color=#FFFFFF] [bgcolor=#00CC00] |
| RenderText zI: 1 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "4" |
| layer at (434,994) size 200x200 |
| RenderBlock (positioned) zI: 2 {P} at (410,210) size 200x200 [color=#FFFFFF] [bgcolor=#CCCC00] |
| RenderText zI: 2 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "3" |
| layer at (384,2116) size 200x200 |
| RenderBlock (positioned) zI: 2 {P} at (360,60) size 200x200 [color=#FFFFFF] [bgcolor=#FF9900] |
| RenderText zI: 2 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "2" |
| layer at (434,3538) size 200x200 |
| RenderBlock (positioned) zI: 2 {P} at (410,210) size 200x200 [color=#FFFFFF] [bgcolor=#CCCC00] |
| RenderText zI: 2 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "3" |
| layer at (434,4174) size 200x200 |
| RenderBlock (positioned) zI: 2 {P} at (410,210) size 200x200 [color=#FFFFFF] [bgcolor=#CCCC00] |
| RenderText zI: 2 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "3" |
| layer at (434,4844) size 200x200 |
| RenderBlock (positioned) zI: 2 {P} at (410,210) size 200x200 [color=#FFFFFF] [bgcolor=#CCCC00] |
| RenderText zI: 2 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "3" |
| layer at (384,844) size 200x200 |
| RenderBlock (positioned) zI: 3 {P} at (360,60) size 200x200 [color=#FFFFFF] [bgcolor=#FF9900] |
| RenderText zI: 3 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "2" |
| layer at (234,2066) size 200x200 |
| RenderBlock (positioned) zI: 3 {P} at (210,10) size 200x200 [color=#FFFFFF] [bgcolor=#FF0000] |
| RenderText zI: 3 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "1" |
| layer at (384,3388) size 200x200 |
| RenderBlock (positioned) zI: 3 {P} at (360,60) size 200x200 [color=#FFFFFF] [bgcolor=#FF9900] |
| RenderText zI: 3 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "2" |
| layer at (384,4024) size 200x200 |
| RenderBlock (positioned) zI: 3 {P} at (350,50) size 200x200 [color=#FFFFFF] [bgcolor=#FF9900] |
| RenderText zI: 3 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "2" |
| layer at (384,4694) size 200x200 |
| RenderBlock (positioned) zI: 3 {P} at (350,50) size 200x200 [color=#FFFFFF] [bgcolor=#FF9900] |
| RenderText zI: 3 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "2" |
| layer at (234,794) size 200x200 |
| RenderBlock (positioned) zI: 4 {P} at (210,10) size 200x200 [color=#FFFFFF] [bgcolor=#FF0000] |
| RenderText zI: 4 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "1" |
| layer at (434,2902) size 200x200 |
| RenderBlock (positioned) zI: 4 {P} at (410,210) size 200x200 [color=#FFFFFF] [bgcolor=#CCCC00] |
| RenderText zI: 4 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "3" |
| layer at (384,2752) size 200x200 |
| RenderBlock (positioned) zI: 4 {P} at (360,60) size 200x200 [color=#FFFFFF] [bgcolor=#FF9900] |
| RenderText zI: 4 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "2" |
| layer at (234,2702) size 200x200 |
| RenderBlock (positioned) zI: 4 {P} at (210,10) size 200x200 [color=#FFFFFF] [bgcolor=#FF0000] |
| RenderText zI: 4 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "1" |
| layer at (234,3338) size 200x200 |
| RenderBlock (positioned) zI: 4 {P} at (210,10) size 200x200 [color=#FFFFFF] [bgcolor=#FF0000] |
| RenderText zI: 4 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "1" |
| layer at (234,3974) size 200x200 |
| RenderBlock (positioned) zI: 4 {P} at (210,10) size 200x200 [color=#FFFFFF] [bgcolor=#FF0000] |
| RenderText zI: 4 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "1" |
| layer at (234,4644) size 200x200 |
| RenderBlock (positioned) zI: 4 {P} at (210,10) size 200x200 [color=#FFFFFF] [bgcolor=#FF0000] |
| RenderText zI: 4 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "1" |
| layer at (384,1780) size 200x200 |
| RenderBlock (positioned) zI: 1000000 {P} at (360,360) size 200x200 [color=#FFFFFF] [bgcolor=#00CC00] |
| RenderText zI: 1000000 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "4" |
| layer at (434,1630) size 200x200 |
| RenderBlock (positioned) zI: 2000000 {P} at (410,210) size 200x200 [color=#FFFFFF] [bgcolor=#CCCC00] |
| RenderText zI: 2000000 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "3" |
| layer at (384,1480) size 200x200 |
| RenderBlock (positioned) zI: 3000000 {P} at (360,60) size 200x200 [color=#FFFFFF] [bgcolor=#FF9900] |
| RenderText zI: 3000000 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "2" |
| layer at (234,1430) size 200x200 |
| RenderBlock (positioned) zI: 4000000 {P} at (210,10) size 200x200 [color=#FFFFFF] [bgcolor=#FF0000] |
| RenderText zI: 4000000 {#text} at (77,45) size 46x89 |
| text run at (77,45) width 46: "1" |