OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script src="../../resources/run-after-layout-and-paint.js"></script> | 3 <script src="../../resources/run-after-layout-and-paint.js"></script> |
4 <style> | 4 <style> |
5 body { | 5 body { |
6 direction: rtl; | 6 direction: rtl; |
7 margin: 0px; | 7 margin: 0px; |
8 background-color: red; | 8 background-color: red; |
9 } | 9 } |
10 | 10 |
11 .positioned { | 11 .positioned { |
12 position: fixed; | 12 position: fixed; |
13 top: 50px; | 13 top: 50px; |
14 left: 50px; | 14 left: 50px; |
15 width: 100px; | 15 width: 100px; |
16 height: 100px; | 16 height: 100px; |
17 } | 17 } |
18 | 18 |
19 .indicator { | 19 .indicator { |
20 background-color: red; | 20 background-color: rgba(255, 0, 0, 0.99); |
21 } | 21 } |
22 | 22 |
23 .layer { | 23 .layer { |
24 transform:translateZ(0); | |
25 background-color: green; | 24 background-color: green; |
26 } | 25 } |
27 | 26 |
28 #root { | 27 #root { |
29 width: 1000px; | 28 width: 1000px; |
30 height: 1000px; | 29 height: 1000px; |
31 background-color: white; | 30 background-color: white; |
32 } | 31 } |
33 | 32 |
34 #layertree { | 33 #layertree { |
(...skipping 26 matching lines...) Expand all Loading... |
61 window.addEventListener('load', doTest, false); | 60 window.addEventListener('load', doTest, false); |
62 </script> | 61 </script> |
63 <body> | 62 <body> |
64 <div id="root"></div> | 63 <div id="root"></div> |
65 <div class="positioned indicator"></div> | 64 <div class="positioned indicator"></div> |
66 <div class="positioned layer"></div> | 65 <div class="positioned layer"></div> |
67 | 66 |
68 <pre id="layertree"></pre> | 67 <pre id="layertree"></pre> |
69 </body> | 68 </body> |
70 </html> | 69 </html> |
OLD | NEW |