composited-opacity-2nd-and-3rd-column.html

<!DOCTYPE html>
<p>The word 'PASS' should be seen <em>twice</em> below. The second PASS is not overlapping the yellow because it is composited with the first one, and hence not fragmented.</p>
<div style="-webkit-columns:3; -webkit-column-gap:1em; column-fill:auto; width:17em; height:13em; line-height:2em; orphans:1; widows:1;">
    <div style="will-change: transform; position:absolute; left:0; right:0; height:8em; background:yellow;"></div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <div style="opacity:0.8; margin:0.5em;">PASS<br>PASS</div>
</div>

chromium/third_party/blink/web_tests/fast/multicol/composited-opacity-2nd-and-3rd-column.html