third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-negative-z-index-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5   .box {
   6     width: 100px;
   7     height: 100px;
   8   }
   9
  10   .red {
  11     background-color: red;
  12   }
  13
  14   .lime {
  15     background-color: lime;
  16   }
  17
  18   .behind {
  19     position: absolute;
  20     top: 100px;
  21     left: 100px;
  22   }
  23
  24   .ontop {
  25     position: absolute;
  26     top: 100px;
  27     left: 100px;
  28   }
  29
  30   #layertree {
  31     position: absolute;
  32     left: 10000px;
  33     top: 0px;
  34   }
  35
  36   body {
  37     overflow: hidden;
  38   }
  39
  40 </style>
  41 </head>
  42
  43 <body>
  44   <!-- This red div should be completely underneath the green div -->
  45   <div class="red box behind"> </div>
  46   <!-- This lime colored div should correctly detect overlap and become composited. -->
  47   <div class="lime box ontop"> </div>
  48 </body>
  49
  50 </html>