layout/reftests/bugs/bug1472465-1-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta charset="UTF-8">
   5 <title>Bug 1472465</title>
   6 <style type="text/css">
   7 #container {
   8   border: 1px solid;
   9   width: 500px;
  10   height: 500px;
  11   overflow: hidden;
  12 }
  13
  14 #box {
  15   opacity: 1.0;
  16   position: absolute;
  17   top: 100px
  18   left: 100px;
  19   z-index:1;
  20   background-color: green;
  21   width: 100px;
  22   height: 100px;
  23 }
  24
  25 #bg {
  26   position:relative;
  27   width: 2500px;
  28   height: 2500px;
  29   left: 0px;
  30   top: 0px;
  31 }
  32 </style>
  33
  34 </head>
  35 <body>
  36 <div id="container">
  37     <div id="bg">
  38         <div id="box">
  39           Text to force layer state to inactive, that will get flattened.
  40         </div>
  41     </div>
  42 </div>
  43
  44 </body>
  45 </html>