1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
layer at (10,10) size 200x200
LayoutBlockFlow (positioned) {DIV} at (10,10) size 200x200 [bgcolor=#0000FF]
layer at (20,20) size 180x180
LayoutBlockFlow (positioned) {DIV} at (10,10) size 180x180 [bgcolor=#00FF00]
layer at (30,30) size 160x160 transparent
LayoutBlockFlow (positioned) {DIV} at (10,10) size 160x160 [bgcolor=#FF0000]
LayoutText {#text} at (0,0) size 154x17
text run at (0,0) width 154: "Should not see this text."
LayoutText {#text} at (0,0) size 0x0
layer at (40,40) size 140x140 transparent
LayoutBlockFlow (positioned) {DIV} at (10,10) size 140x140 [bgcolor=#FFFFFF]
LayoutText {#text} at (0,0) size 122x35
text run at (0,0) width 122: "Should not see this"
text run at (0,18) width 28: "text."
layer at (100,100) size 200x200 transparent
LayoutBlockFlow (positioned) {DIV} at (80,80) size 200x200 [bgcolor=#FFFF00]
layer at (10,316) size 790x54
LayoutBlockFlow (positioned) {P} at (10,316) size 790x54
LayoutText {#text} at (0,0) size 782x53
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"
text run at (0,18) width 765: "of zero, and the box within it is black and has an opacity of 0.5. As the third box has opacity zero, the inner black is not"
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."
|
