OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
6 body { | 6 body { |
7 position: relative; | 7 position: relative; |
8 } | 8 } |
9 .container { | 9 .container { |
10 position: relative; | 10 position: relative; |
11 width: 100px; | 11 width: 100px; |
12 height: 100px; | 12 height: 100px; |
13 padding: 20px; | 13 padding: 20px; |
14 z-index: 0; | 14 z-index: 0; |
15 border: 1px solid black; | 15 border: 1px solid black; |
16 } | 16 } |
17 | 17 |
18 .compositing { | 18 .compositing { |
19 position: absolute; | 19 position: absolute; |
20 top: 21px; | 20 top: 21px; |
21 left: 21px; | 21 left: 21px; |
22 width: 100px; | 22 width: 100px; |
23 height: 100px; | 23 height: 100px; |
24 -webkit-transform: translateZ(0); | 24 transform: translateZ(0); |
25 } | 25 } |
26 | 26 |
27 .far-left { | 27 .far-left { |
28 position: relative; | 28 position: relative; |
29 text-indent: -10000px; | 29 text-indent: -10000px; |
30 width: 100px; | 30 width: 100px; |
31 height: 100px; | 31 height: 100px; |
32 background-color: green; | 32 background-color: green; |
33 } | 33 } |
34 | 34 |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
69 <!-- Test clipping to viewport with some intermediate layers. --> | 69 <!-- Test clipping to viewport with some intermediate layers. --> |
70 <div class="container"> | 70 <div class="container"> |
71 <div class="far-left"> | 71 <div class="far-left"> |
72 Text here | 72 Text here |
73 </div> | 73 </div> |
74 </div> | 74 </div> |
75 <pre id="layers">Layer tree goes here in DRT</pre> | 75 <pre id="layers">Layer tree goes here in DRT</pre> |
76 </body> | 76 </body> |
77 </html> | 77 </html> |
78 | 78 |
OLD | NEW |