src/third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-no-overlap-expected.html

   1 <!DOCTYPE HTML>
   2 <html>
   3   <head>
   4     <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   5     <style type="text/css" media="screen">
   6
   7       div {
   8         -webkit-box-sizing: border-box;
   9       }
  10       .solid {
  11         position: absolute;
  12         width: 100px;
  13         height: 100px;
  14         background-color: green;
  15       }
  16
  17       .opacity { opacity: .5; }
  18       .a { top: 0px; left: 0px;}
  19       .b { top: 200px; left: 200px;}
  20       .c { top: 200px; left: 0px;}
  21       .d { top: 0px; left: 200px;}
  22       * { margin: 0; padding: 0; }
  23       .composited {
  24         transform: translateZ(0);
  25       }
  26
  27     </style>
  28   </head>
  29     <div class="opacity">
  30       <div class="solid a">1</div>
  31       <div class="solid b">2</div>
  32       <div class="solid c">3</div>
  33       <div class="solid d"></div>
  34     </div>
  35
  36 </html>