OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .composited { | 5 .composited { |
6 -webkit-transform: translateZ(0); | 6 transform: translateZ(0); |
7 } | 7 } |
8 | 8 |
9 .outer { | 9 .outer { |
10 position: absolute; | 10 position: absolute; |
11 width: 500px; | 11 width: 500px; |
12 height: 300px; | 12 height: 300px; |
13 top: 60px; | 13 top: 60px; |
14 left: 100px; | 14 left: 100px; |
15 background-color: yellow; | 15 background-color: yellow; |
16 } | 16 } |
(...skipping 15 matching lines...) Expand all Loading... |
32 <!-- The focus ring parts for the sub-layers should be at correct position, | 32 <!-- The focus ring parts for the sub-layers should be at correct position, |
33 regardless whether the inner layer is composited. --> | 33 regardless whether the inner layer is composited. --> |
34 <div class="composited outer"> | 34 <div class="composited outer"> |
35 <div class="outlined"> | 35 <div class="outlined"> |
36 <div class="composited inner"></div> | 36 <div class="composited inner"></div> |
37 </div> | 37 </div> |
38 </div> | 38 </div> |
39 </body> | 39 </body> |
40 </html> | 40 </html> |
41 | 41 |
OLD | NEW |