third_party/WebKit/LayoutTests/compositing/contents-opaque/layer-opacity.html

   1 <html>
   2     <head>
   3         <style type="text/css">
   4             .box {
   5                 width: 100px;
   6                 height: 100px;
   7             }
   8             .opaque-background {
   9                 background-color: green;
  10             }
  11             .translucent {
  12                 opacity: 0.5;
  13             }
  14             .composited {
  15                 transform: translateZ(0);
  16             }
  17         </style>
  18         <script type="text/javascript">
  19             if (window.testRunner)
  20                 testRunner.dumpAsText();
  21
  22             function doTest() {
  23                 if (window.testRunner && window.internals)
  24                     document.getElementById('layertree').innerText = window.internals.layerTreeAsText(document);
  25             }
  26             window.addEventListener('load', doTest, false);
  27         </script>
  28     </head>
  29     <body>
  30         <!-- Box with opaque background color but global opacity. -->
  31         <!-- Global opacity does not affect the opaqueness of content. -->
  32         <!-- GraphicsLayer::contentsOpaque for this box should be true. -->
  33         <div class="box opaque-background translucent composited"></div>
  34
  35         <pre id="layertree"></pre>
  36     </body>
  37 </html>