third_party/WebKit/LayoutTests/compositing/backing/no-backing-foreground-layer.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style>
   6     .container {
   7       position: relative;
   8       overflow: hidden;
   9       height: 190px;
  10       width: 200px;
  11       border: 1px solid black;
  12       z-index: 0;
  13     }
  14
  15     .box {
  16       height: 100px;
  17       width: 100px;
  18       margin: -10px;
  19       background-color: blue;
  20     }
  21
  22     .behind {
  23       position: absolute;
  24       top: 0;
  25       z-index: -1;
  26     }
  27
  28     .composited {
  29       position: absolute;
  30       top: 50px;
  31       transform: translateZ(0);
  32       background-color: green;
  33     }
  34   </style>
  35   <script>
  36     if (window.testRunner)
  37       testRunner.dumpAsText();
  38   </script>
  39 </head>
  40 <body>
  41   <p>This test should not ASSERT in debug builds.</p>
  42   <div class="container">
  43     <div class="behind box"></div>
  44     <div class="composited box"></div>
  45   </div>
  46 </body>
  47 </html>