LayoutTests/fast/css-grid-layout/grid-item-z-index-stacking-context-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <link href="resources/grid.css" rel="stylesheet">
   5 <style>
   6 .grid {
   7     -webkit-grid-template-rows: 100px;
   8     -webkit-grid-template-columns: 200px 200px;
   9     margin-top: 10px;
  10 }
  11 .green {
  12     background-color: green;
  13 }
  14 </style>
  15 </head>
  16 <body>
  17 <p>This test checks that grid items with 'z-index' do produce a stacking context and that we honor the property.</p>
  18 <p>For this test to pass, there should be no red below.</p>
  19
  20 <div class="grid">
  21     <div class="sizedToGridArea green"></div>
  22 </div>
  23
  24 <div class="grid">
  25     <div class="sizedToGridArea green"></div>
  26 </div>
  27
  28 <div class="grid">
  29     <div class="sizedToGridArea green firstRowBothColumn"></div>
  30 </div>
  31
  32 </body>
  33 </html>