src/third_party/WebKit/LayoutTests/fast/regions/layers/stacking-context-paint-order.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         #content-for-region {
   6             background-color: green;
   7             -webkit-flow-into: flow;
   8             width: 100px;
   9             height: 100px;
  10         }
  11         #region {
  12             background-color: gray;
  13             -webkit-flow-from: flow;
  14             width: 100px;
  15             height: 100px;
  16         }
  17         #sibling-of-region {
  18             background-color: red;
  19             width: 100px;
  20             height: 100px;
  21             margin-top: -100px;
  22         }
  23     </style>
  24 </head>
  25 <body>
  26     <div id="content-for-region"></div>
  27     <div id="region"></div>
  28     <div id="sibling-of-region"></div>
  29     <p>Test that the region paints over its sibling because regions create stacking contexts.
  30     This test passes if there is no red visible.</p>
  31 </body>
  32 </html>