third_party/WebKit/LayoutTests/compositing/squashing/squashed-clip-parent.html

   1 <!DOCTYPE html>
   2 <script>
   3 if (window.internals)
   4     window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
   5 </script>
   6 <style>
   7 #overflow-clip {
   8     position: absolute;
   9     z-index: 0;
  10     overflow: scroll;
  11     left: 100px;
  12     top: 100px;
  13     width: 300px;
  14     height: 200px;
  15     background-color: yellow;
  16 }
  17
  18 #bloat {
  19     height: 1000px;
  20 }
  21
  22 #squashing {
  23     position:fixed;
  24     left: 0;
  25     top: 0;
  26 }
  27
  28 #squashed {
  29     position:fixed;
  30     z-index:1;
  31     left: 0;
  32     top: 0;
  33     right: 0;
  34     bottom: 0;
  35     background-color: green;
  36 }
  37 </style>
  38 <div id="overflow-clip">
  39     <div id="bloat"></div>
  40     <div id="squashing">You shouldn't see this line or a yellow block.</div>
  41 </div>
  42 <div id="squashed">
  43     This test suceeds if you only see this line with a green background.
  44 </div>