[Pointer Events WPT] Unskip imported/w3c/web-platform-tests/pointerevents/pointereven...
[WebKit-https.git] / LayoutTests / compositing / z-order / rebuild-sibling-of-layer-with-foreground-layer.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <style>
5         .container {
6             position: relative;
7             margin: 20px;
8         }
9         .box {
10             position: absolute;
11             top: 0;
12             left: 0;
13             width: 200px;
14             height: 200px;
15             background-color: silver;
16         }
17         .composited {
18             transform: translateZ(1px);
19         }
20         .sibling {
21             top: 300px;
22             background-color: gray;
23         }
24         .negative {
25             z-index: -1;
26             background-color: red;
27         }
28         .positive {
29             z-index: 1;
30             background-color: green;
31         }
32     </style>
33     <script>
34         if (window.testRunner)
35             testRunner.waitUntilDone();
36
37         window.addEventListener('load', () => {
38             setTimeout(() => {
39                 document.getElementById('target').classList.add('composited');
40                 if (window.testRunner)
41                     testRunner.notifyDone();
42             }, 1000);
43         }, false);
44     </script>
45 </head>
46 <body>
47     <div class="container">
48         <div class="composited child box">
49             <div class="negative box"></div>
50             <div class="composited positive box"></div>
51         </div>
52         <div id="target" class="sibling box"></div>
53     </div>
54 </body>
55 </html>