third_party/WebKit/LayoutTests/compositing/overlap-blending/children-opacity-huge.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: 2150px;
  13         height: 200px;
  14         background-color: green;
  15       }
  16
  17       .opacity { opacity: .5; }
  18       .a { top: 0px; left: 0px;}
  19       .b { top: 100px; left: 0px;}
  20
  21       .composited {
  22         transform: translateZ(0);
  23       }
  24
  25       * { margin: 0; padding: 0; }
  26     </style>
  27   </head>
  28     <div class="opacity composited">
  29     <div class="solid a composited">1</div>
  30     <div class="solid b composited">2</div>
  31   </div>
  32
  33 </html>