third_party/WebKit/LayoutTests/fast/css/sticky/sticky-stacking-context.html

   1 <!DOCTYPE html>
   2 <script>
   3 if (window.internals) {
   4     internals.settings.setCSSStickyPositionEnabled(true);
   5 }
   6 </script>
   7 <style type="text/css">
   8 div {
   9     height: 100px;
  10     width: 100px;
  11 }
  12 .sticky {
  13     background-color: green;
  14     position: sticky;
  15 }
  16 .red {
  17     background-color: red;
  18     margin-top: -100px;
  19 }
  20 </style>
  21 <!--
  22 Tests that the sticky node will be popped out into a stacking context on top of the node which follows it. You should
  23 see no red boxes as the green sticky div should pop on top of the red div placed under it.
  24 -->
  25 <div class="sticky"></div>
  26 <div class="red"></div>