OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 | 4 |
5 #clipped { | 5 #clipped { |
6 position: absolute; | 6 position: absolute; |
7 left: 0px; | 7 left: 0px; |
8 right: 0px; | 8 right: 0px; |
9 width: 100px; | 9 width: 100px; |
10 height: 100px; | 10 height: 100px; |
(...skipping 23 matching lines...) Expand all Loading... |
34 } | 34 } |
35 | 35 |
36 #row2 { | 36 #row2 { |
37 position: absolute; | 37 position: absolute; |
38 left: 50px; | 38 left: 50px; |
39 top: 200px; | 39 top: 200px; |
40 } | 40 } |
41 </style> | 41 </style> |
42 <script> | 42 <script> |
43 if (window.testRunner) { | 43 if (window.testRunner) { |
44 testRunner.dumpAsText(false); | 44 testRunner.dumpAsText(); |
45 window.addEventListener('load', function() { | 45 window.addEventListener('load', function() { |
46 document.getElementById("layertree").innerText = window.internals.la
yerTreeAsText(document); | 46 document.getElementById("layertree").innerText = window.internals.la
yerTreeAsText(document); |
47 }, false); | 47 }, false); |
48 } | 48 } |
49 </script> | 49 </script> |
50 </head> | 50 </head> |
51 <body> | 51 <body> |
52 <div id="row1"> | 52 <div id="row1"> |
53 <div id="clipped"> | 53 <div id="clipped"> |
54 <div id="child"></div> | 54 <div id="child"></div> |
55 </div> | 55 </div> |
56 | 56 |
57 <!-- this element should not get its own layer --> | 57 <!-- this element should not get its own layer --> |
58 <div id="overlap"></div> | 58 <div id="overlap"></div> |
59 </div> | 59 </div> |
60 | 60 |
61 <div id="row2"> | 61 <div id="row2"> |
62 <div id="clipped"></div> | 62 <div id="clipped"></div> |
63 <div id="child"></div> | 63 <div id="child"></div> |
64 | 64 |
65 <!-- this element should get its own layer --> | 65 <!-- this element should get its own layer --> |
66 <div id="overlap"></div> | 66 <div id="overlap"></div> |
67 </div> | 67 </div> |
68 | 68 |
69 <pre id="layertree"></pre> | 69 <pre id="layertree"></pre> |
70 </body> | 70 </body> |
71 </html> | 71 </html> |
OLD | NEW |