Paint local background colors onto foreground layer.

third_party/WebKit/LayoutTests/compositing/overflow/overflow-scroll-with-opaque-background-expected.txt

 {
   "name": "Content Root Layer",
   "bounds": [800, 600],
   "children": [
     {
       "name": "LayoutView #document",
       "bounds": [800, 600],
       "contentsOpaque": true,
       "drawsContent": true,
       "children": [
         {
           "name": "LayoutBlockFlow DIV id='scroller'",
           "position": [8, 8],
-          "bounds": [202, 202],
+          "bounds": [220, 220],
           "shouldFlattenTransform": false,
           "drawsContent": true,
+          "backgroundColor": "#FFFFFF",
           "children": [
             {
               "name": "Scrolling Layer",
-              "position": [1, 1],
+              "position": [10, 10],
               "bounds": [185, 185],
               "shouldFlattenTransform": false,
               "children": [
                 {
                   "name": "Scrolling Contents Layer",
-                  "bounds": [185, 1025],
+                  "bounds": [185, 300],
+                  "contentsOpaque": true,
                   "drawsContent": true
                 }
               ]
             },
             {
               "name": "Overflow Controls Host Layer",
-              "bounds": [202, 202],
+              "bounds": [220, 220],
               "children": [
                 {
                   "name": "Horizontal Scrollbar Layer",
-                  "position": [1, 186],
+                  "position": [10, 195],
                   "bounds": [185, 15]
                 },
                 {
                   "name": "Vertical Scrollbar Layer",
-                  "position": [186, 1],
-                  "bounds": [15, 185],
-                  "paintInvalidations": [
-                    {
-                      "object": "Vertical Scrollbar Layer",
-                      "rect": [0, 0, 15, 185],
-                      "reason": "full"
-                    }
-                  ]
+                  "position": [195, 10],
+                  "bounds": [15, 185]
                 },
                 {
                   "name": "Scroll Corner Layer",
-                  "position": [186, 186],
+                  "position": [195, 195],
                   "bounds": [15, 15],
                   "drawsContent": true
                 }
               ]
             }
           ]
         }
       ]
     }
   ]
 }