6 border:
1px solid black;
12 background-color: red;
17 transform: translateZ(
0);
28 background-color: green;
38 background-color: blue;
44 <div id=
"overlapper"></div>
46 <div id=
"subcontainer">
48 <div class=
"grandchild"></div>
51 <div class=
"grandchild"></div>
56 // Scroll so that one of the grandchildren boxes is half clipped by the overflow:scroll div.
57 var container
= document
.getElementById("container");
58 container
.scrollTop
= 65;