src/third_party/WebKit/LayoutTests/compositing/contents-opaque/body-background-skipped.html

   1 <html>
   2     <head>
   3         <style type="text/css">
   4             body {
   5                 width: 100px;
   6                 height: 100px;
   7                 background-color: blue;
   8             }
   9             #underbody {
  10                 position: fixed;
  11                 z-index: -1;
  12                 width: 200px;
  13                 height: 200px;
  14                 background-color: green;
  15                 -webkit-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     <!-- Composited body over the child div. -->
  30     <!-- Background for the body element is not painted. ->
  31     <!-- GraphicsLayer::contentsOpaque for the body layer should be false. -->
  32     <body>
  33         <!-- Box under the body. -->
  34         <div id="underbody"></div>
  35
  36         <pre id="layertree"></pre>
  37     </body>
  38 </html>