LayoutTests/compositing/scrollbar-painting.html

   1 <!DOCTYPE html>
   2 <style>
   3 .composited {
   4   -webkit-transform: translateZ(0);
   5 }
   6
   7 .container {
   8   width:100px;
   9   height:100px;
  10   overflow:scroll;
  11   resize:both;
  12   position:absolute;
  13 }
  14
  15 .container::-webkit-scrollbar {
  16   background-color: rgba(0, 127, 0, 0.5);
  17 }
  18
  19 .container::-webkit-resizer {
  20   background-color: rgba(0, 127, 0, 0.5);
  21 }
  22
  23 .contents {
  24   background-color: rgba(0, 127, 0, 0.5);
  25   height: 100%;
  26   width: 100%;
  27 }
  28 </style>
  29 <script>
  30   if (window.layoutTestController)
  31     layoutTestController.dumpAsText(true);
  32 </script>
  33 <!-- You should see a single 50% transparent green square -->
  34 <div id="container" class="container composited">
  35   <div class="contents"></div>
  36 </div>