OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 .black { | 4 .black { |
5 border:10px solid black; | 5 border:10px solid black; |
6 margin: 1em 0; | 6 margin: 1em 0; |
7 height:220px; | 7 height:220px; |
8 width:700px; | 8 width:700px; |
9 } | 9 } |
10 | 10 |
(...skipping 18 matching lines...) Expand all Loading... |
29 background-color: blue; | 29 background-color: blue; |
30 } | 30 } |
31 | 31 |
32 .greensnug { | 32 .greensnug { |
33 float:left; | 33 float:left; |
34 width:698px; | 34 width:698px; |
35 height:100px; | 35 height:100px; |
36 background-color: green; | 36 background-color: green; |
37 } | 37 } |
38 </style> | 38 </style> |
| 39 <script> |
| 40 if (window.internals) { |
| 41 window.internals.settings.setForceCompositingMode(true); |
| 42 } |
| 43 </script> |
39 </head> | 44 </head> |
40 <body > | 45 <body > |
41 In all of the examples, you should be able to see blue and green rectangles that
spill way out of their | 46 In all of the examples, you should be able to see blue and green rectangles that
spill way out of their |
42 containing blocks. They should be 100px tall and not overlap one another at all
. They should be stacked | 47 containing blocks. They should be 100px tall and not overlap one another at all
. They should be stacked |
43 vertically. | 48 vertically. |
44 | 49 |
45 <div class="black"> | 50 <div class="black"> |
46 You should see blue and green rectangles below.<br> | 51 You should see blue and green rectangles below.<br> |
47 <div class="blue"></div> | 52 <div class="blue"></div> |
48 <div class="green"></div> | 53 <div class="green"></div> |
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
114 | 119 |
115 <div class="black"> | 120 <div class="black"> |
116 <div class="bluesnug"></div> | 121 <div class="bluesnug"></div> |
117 You should see blue above and green below.<br> | 122 You should see blue above and green below.<br> |
118 <div class="greensnug"></div> | 123 <div class="greensnug"></div> |
119 </div> | 124 </div> |
120 | 125 |
121 | 126 |
122 </body> | 127 </body> |
123 </html> | 128 </html> |
OLD | NEW |