| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2  |   2  | 
|   3 <html> |   3 <html> | 
|   4 <head> |   4 <head> | 
|   5   <style> |   5   <style> | 
|   6     .fixed { |   6     .fixed { | 
|   7       position: fixed; |   7       position: fixed; | 
|   8       z-index: 1; |   8       z-index: 1; | 
|   9     } |   9     } | 
|  10  |  10  | 
| (...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  60     } |  60     } | 
|  61   </script> |  61   </script> | 
|  62 </head> |  62 </head> | 
|  63  |  63  | 
|  64 <body class="unscrollable"> |  64 <body class="unscrollable"> | 
|  65   <p>Even though the fixed-position element's container is nonscrollable, it |  65   <p>Even though the fixed-position element's container is nonscrollable, it | 
|  66     should still be composited because one of its ancestors is scrolling.</p> |  66     should still be composited because one of its ancestors is scrolling.</p> | 
|  67   <pre id="layertree"></pre> |  67   <pre id="layertree"></pre> | 
|  68  |  68  | 
|  69   <div class="scrollable bigBox"> |  69   <div class="scrollable bigBox"> | 
|  70     <div style="height: 800px;"></div> |  70     <div style="height: 800px; background-image: linear-gradient(to bottom,red,o
    range,yellow, green, blue,indigo,violet);"></div> | 
|  71     <div class="fixed lime box"></div> |  71     <div class="fixed lime box"></div> | 
|  72   </div> |  72   </div> | 
|  73 </body> |  73 </body> | 
|  74 </html> |  74 </html> | 
|  75  |  75  | 
| OLD | NEW |