third_party/WebKit/LayoutTests/fast/multicol/composited-with-child-layer-in-next-column.html

   1 <!DOCTYPE html>
   2 <p>There should be a yellow box in the second column, and the word 'PASS' should be in the third column.</p>
   3 <div style="-webkit-columns:3; -webkit-column-gap:1em; column-fill:auto; width:17em; height:9em; line-height:2em;">
   4     <div style="will-change:transform; position:absolute; left:0; right:0; height:9em; background:cyan;"></div>
   5     <br>
   6     <br>
   7     <br>
   8     <br>
   9     <br>
  10     <br>
  11     <br>
  12     <div style="z-index:2; position:relative; height:2em; background:yellow;">
  13         <br>
  14         <br>
  15         <div style="opacity:0.8; margin:0.5em;">PASS</div>
  16     </div>
  17 </div>