third_party/WebKit/LayoutTests/platform/mac/compositing/geometry/clipping-foreground-expected.txt

   1 layer at (0,0) size 800x600
   2   LayoutView at (0,0) size 800x600
   3 layer at (0,0) size 800x600
   4   LayoutBlockFlow {HTML} at (0,0) size 800x600
   5     LayoutBlockFlow {BODY} at (8,8) size 784x584
   6       LayoutBlockFlow {P} at (0,0) size 784x18
   7         LayoutText {#text} at (0,0) size 443x18
   8           text run at (0,0) width 443: "The layering of the boxes should not be affected by overflow:hidden."
   9       LayoutBlockFlow (anonymous) at (0,34) size 784x479
  10         LayoutText {#text} at (320,306) size 4x18
  11           text run at (320,306) width 4: " "
  12         LayoutText {#text} at (0,0) size 0x0
  13 layer at (68,261) size 200x200 layerType: background only
  14 layer at (28,221) size 150x150
  15   LayoutBlockFlow (positioned) zI: -1 {DIV} at (-40,-40) size 150x150 [color=#808080] [bgcolor=#C86464] [border: (2px solid #000000)]
  16     LayoutText zI: -1 {#text} at (22,22) size 108x40
  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
  20   LayoutBlockFlow (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [border: (2px solid #000000)]
  21     LayoutText {#text} at (22,22) size 54x40
  22       text run at (22,22) width 54: "Behind"
  23       text run at (22,42) width 52: "behind"
  24 layer at (68,261) size 200x200 layerType: foreground only
  25   LayoutBlockFlow (relative positioned) {DIV} at (60,219) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
  26     LayoutText {#text} at (30,30) size 126x80
  27       text run at (30,30) width 59: "Box"
  28       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
  32   LayoutBlockFlow (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [bgcolor=#C8C880] [border: (2px solid #000000)]
  33     LayoutText zI: 1 {#text} at (22,22) size 87x80
  34       text run at (22,22) width 34: "In"
  35       text run at (22,62) width 87: "Front"
  36 layer at (392,102) size 200x200 clip at (402,112) size 180x180 scrollWidth 230 scrollHeight 230 layerType: background only
  37 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=#808080] [bgcolor=#C86464] [border: (2px solid #000000)]
  39     LayoutText zI: -1 {#text} at (22,22) size 108x40
  40       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
  43   LayoutBlockFlow (positioned) {DIV} at (22,82) size 100x100 [bgcolor=#008000] [border: (2px solid #000000)]
  44     LayoutText {#text} at (22,22) size 54x40
  45       text run at (22,22) width 54: "Behind"
  46       text run at (22,42) width 52: "behind"
  47 layer at (392,102) size 200x200 clip at (402,112) size 180x180 scrollWidth 230 scrollHeight 230 layerType: foreground only
  48   LayoutBlockFlow (relative positioned) {DIV} at (384,60) size 200x200 [color=#0000FF] [bgcolor=#FFFFFFCC] [border: (10px solid #000000)]
  49     LayoutText {#text} at (30,30) size 126x80
  50       text run at (30,30) width 59: "Box"
  51       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
  55   LayoutBlockFlow (positioned) zI: 1 {DIV} at (90,90) size 150x150 [color=#808080] [bgcolor=#C8C880] [border: (2px solid #000000)]
  56     LayoutText zI: 1 {#text} at (22,22) size 87x80
  57       text run at (22,22) width 34: "In"
  58       text run at (22,62) width 87: "Front"