Implement backing-sharing in compositing layers, allowing overlap layers to paint...
[WebKit-https.git] / LayoutTests / compositing / shared-backing / overflow-scroll / shared-layer-clipping.html
1 <!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] -->
2 <html>
3 <head>
4     <style>
5         .container {
6             position: relative;
7             width: 200px;
8             height: 200px;
9             margin: 30px;
10             border: 3px solid black;
11             overflow: hidden;
12         }
13
14         .compositing-trigger {
15             position: absolute;
16             left: 20px;
17             top: 10px;
18             transform: translateZ(0);
19             padding: 20px;
20             background-color: gray;
21         }
22         
23         .relative {
24             position: relative;
25             top: 150px;
26             left: 150px;
27             width: 100px;
28             height: 100px;
29             background-color: blue;
30         }
31     </style>
32 </head>
33 <body>
34     <div class="compositing-trigger"></div>
35     <div class="container">
36         <div class="relative"></div>
37     </div>
38 </body>
39 </html>