LayoutTests/fast/layers/opacity-stacking.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3
   4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   5 <head>
   6         <title></title>
   7         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   8 <style type="text/css">
   9
  10
  11 #stackA {
  12         opacity: 0.66;
  13         z-index: 2;
  14         background: red;
  15         width: 300px;
  16         height: 300px;
  17         }
  18
  19 #stackB {
  20         opacity: 0.90;
  21         background: blue;
  22         margin-top: -150px;
  23         width: 150px;
  24         height: 300px;
  25         }
  26
  27 </style>
  28 </head>
  29
  30 <body>
  31         <div id="stackA"></div>
  32
  33         <div id="stackB"></div>
  34 </body>
  35 </html>