2011-02-07 Zhenyao Mo <zmo@google.com>
[WebKit.git] / LayoutTests / platform / chromium / compositing / render-surface-alpha-blending.html
1 <html>
2     <head>
3         <style>
4             #layer {
5                 -webkit-transform:translateZ(0);
6                 opacity: 0.75;
7                 background-color: rgb(0, 100, 0);
8             }
9             #child {
10                 -webkit-transform:translateZ(0);
11             }
12             #base {
13                 background-color: rgb(200, 0, 0);
14             }
15
16             .fullpage {
17                 position: fixed;
18                 top: 0px;
19                 left: 0px;
20                 width: 100%;
21                 height: 100%;
22             }
23         </style>
24     </head>
25     <body>
26         <div id="base" class="fullpage"></div>
27         <div id="layer" class="fullpage">
28             <!-- layer needs to have a child with content -->
29             <div id="child"><canvas width="1px" height="1px"></canvas></div>
30         </div>
31     </body>
32 </html>