3 transform: translateZ(0);
7 background-color: black;
15 background-color: blue;
24 opacity: 0; /* hide from pixel result */
28 if (window.testRunner)
29 testRunner.dumpAsText();
33 if (window.testRunner) {
34 document.getElementById('layers').innerText = window.internals.layerTreeAsText(document);
37 window.addEventListener('load', dumpLayers, false);
40 <div style="position: absolute; left: 0px; top: 0px; z-index: 1; " class="composited">
41 <img style="position: absolute; left: 10px; top: 10px; z-index: 0;">
42 <div style="position: absolute; left: 500px; top: 100px; z-index: 1; visibility: hidden;">
44 <div class="inner box"></div>
48 <div style="position: absolute; left: 0px; top: 250px; z-index: 1; " class="composited">
49 <img style="position: absolute; left: 10px; top: 10px; z-index: 0;">
50 <div style="position: absolute; left: 500px; top: 100px; z-index: 1; visibility: hidden;">
52 <!-- Ideally this layer wouldn't affect the bounds of its composited ancestor. -->
53 <div class="composited inner box"></div>
57 <pre id="layers">Layer tree goes here in DRT</pre>