summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/compositing/geometry/composited-html-size.html
blob: 30137ce0e12b7dbcd264d80baec3eac2af201bda (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head>
  <style type="text/css" media="screen">

    body {
      background-color: silver;
      padding: 10px;
    }

   .container {
     position: absolute;
     height: 100px;
     width: 100px;
     margin: 10px;
     left: 0;
     top: 0;
     z-index: -1;
     background-color: blue;
   }
 
   .compositing {
     transform: translateZ(0);
   }
  </style>
</head>

<body>

  <!-- the body background should cover the entire viewport. No red should be visible in debug builds. -->
  <div class="container">
    <div class="compositing">
      Compositing
    </div>
  </div>

</body>
</html>