OLD | NEW |
1 <style type="text/css"> | 1 <style type="text/css"> |
2 .first { | 2 .first { |
3 height:400px; | 3 height:400px; |
4 background-color: red; | 4 background-color: red; |
5 } | 5 } |
6 | 6 |
7 .second { | 7 .second { |
8 left: 100px; | 8 left: 100px; |
9 bottom: 0px; | 9 bottom: 0px; |
10 background-color:blue; | 10 background-color:blue; |
11 width:7px; | 11 width:7px; |
12 height:562px; | 12 height:562px; |
13 position: absolute; | 13 position: absolute; |
14 } | 14 } |
15 | 15 |
16 .outer { | 16 .outer { |
17 overflow: scroll; | 17 overflow: scroll; |
18 /* FIXME: make this height: 500px to expose another bug */ | 18 /* FIXME: make this height: 500px to expose another bug */ |
19 height: 600px; | 19 height: 600px; |
20 width: 500px; | 20 width: 500px; |
21 position: absolute; | 21 position: absolute; |
22 bottom:10px; | 22 bottom:10px; |
23 background-color: grey; | 23 background-color: grey; |
24 } | 24 } |
25 </style> | 25 </style> |
26 <div class="outer"> | 26 <div class="outer"> |
27 <div class="first"> </div> | 27 <div class="first"> </div> |
28 <div class="second"> </div> | 28 <div class="second"> </div> |
29 </div> | 29 </div> |
30 <script> | |
31 if (window.internals) | |
32 window.internals.settings.setLayerSquashingEnabled(true); | |
33 </script> | |
OLD | NEW |