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 |