| OLD | NEW |
| 1 <style> | 1 <style> |
| 2 .composited { | 2 .composited { |
| 3 -webkit-transform: translateZ(0); | 3 transform: translateZ(0); |
| 4 } | 4 } |
| 5 | 5 |
| 6 img { | 6 img { |
| 7 background-color: black; | 7 background-color: black; |
| 8 width: 50px; | 8 width: 50px; |
| 9 height: 50px; | 9 height: 50px; |
| 10 } | 10 } |
| 11 | 11 |
| 12 .box { | 12 .box { |
| 13 width: 100px; | 13 width: 100px; |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 49 <img style="position: absolute; left: 10px; top: 10px; z-index: 0;"> | 49 <img style="position: absolute; left: 10px; top: 10px; z-index: 0;"> |
| 50 <div style="position: absolute; left: 500px; top: 100px; z-index: 1; vis
ibility: hidden;"> | 50 <div style="position: absolute; left: 500px; top: 100px; z-index: 1; vis
ibility: hidden;"> |
| 51 stuff | 51 stuff |
| 52 <!-- Ideally this layer wouldn't affect the bounds of its composited
ancestor. --> | 52 <!-- Ideally this layer wouldn't affect the bounds of its composited
ancestor. --> |
| 53 <div class="composited inner box"></div> | 53 <div class="composited inner box"></div> |
| 54 </div> | 54 </div> |
| 55 </div> | 55 </div> |
| 56 | 56 |
| 57 <pre id="layers">Layer tree goes here in DRT</pre> | 57 <pre id="layers">Layer tree goes here in DRT</pre> |
| 58 </body> | 58 </body> |
| OLD | NEW |