src/third_party/WebKit/LayoutTests/compositing/render-surface-alpha-blending.html

   1 <html>
   2     <head>
   3         <style>
   4             #layer {
   5                 transform:translateZ(0);
   6                 opacity: 0.75;
   7                 background-color: rgb(0, 100, 0);
   8             }
   9             #child {
  10                 transform:translateZ(0);
  11             }
  12             #base {
  13                 background-color: rgb(200, 0, 0);
  14             }
  15
  16             .fullpage {
  17                 position: fixed;
  18                 top: 0px;
  19                 left: 0px;
  20                 width: 100%;
  21                 height: 100%;
  22             }
  23         </style>
  24     </head>
  25     <body>
  26         <div id="base" class="fullpage"></div>
  27         <div id="layer" class="fullpage">
  28             <!-- layer needs to have a child with content -->
  29             <div id="child"><canvas width="1px" height="1px"></canvas></div>
  30         </div>
  31     </body>
  32 </html>