Refactoring: Pull all fullscreen code out of Document and into its own helper class
[WebKit-https.git] / LayoutTests / transforms / 2d / perspective-not-fixed-container.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5   <style>
6     body {
7       margin: 0;
8       height: 1000px;
9     }
10     
11     body > div {
12       outline: 1px solid black;
13     }
14     
15     .box {
16       width: 100px;
17       height: 100px;
18     }
19
20     .fixed {
21       position: fixed;
22       top: 100px;
23       background-color: green;
24     }
25
26     .perspective {
27       -webkit-perspective: 500px;
28     }
29
30     .transformed {
31       -webkit-transform: translateZ(1px);
32     }
33   </style>
34   <script>
35     // Scroll on load to test fixed positioning.
36     window.addEventListener('load', function() {
37       window.scrollTo(0, 100);
38     }, false)
39   </script>
40 </head>
41 <body>
42
43   <div class="perspective box" style="margin: 150px 50px;">
44     <div class="fixed box">
45         <div class="transformed box"></div> <!-- Necessary to activate preserve3d compositing -->
46     </div>
47   </div>
48
49   <div class="perspective fixed box" style="left: 250px;">
50     <div class="transformed box"></div> <!-- Necessary to activate preserve3d compositing -->
51   </div>
52 </body>
53 </html>