third_party/WebKit/LayoutTests/fast/block/positioning/036.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2   "http://www.w3.org/TR/html40/strict.dtd">
   3 <!-- vim:sw=4:et:ts=4
   4   -->
   5 <html lang="en-US">
   6 <head>
   7     <title>z-index testcase: '0' establishes new stacking context (position: absolute)</title>
   8     <meta http-equiv="Content-Style-Type" content="text/css">
   9     <link rel="copyright" href="/~dbaron/legal.html">
  10     <style type="text/css">
  11
  12     div {
  13         height: 100px;
  14         width: 100px;
  15         margin: 0;
  16         border: none;
  17         padding: 0;
  18         position: absolute;
  19         top: 0;
  20         left: 0;
  21     }
  22
  23     div#contain {
  24         z-index: 0;
  25     }
  26
  27     div#one {
  28         z-index: 2;
  29         background: red;
  30     }
  31
  32     div#two {
  33         z-index: 1;
  34         background: green;
  35     }
  36
  37     </style>
  38 </head>
  39 <body>
  40
  41 <div id="contain">
  42     <div id="one"></div>
  43 </div>
  44 <div id="two"></div>
  45
  46 </body>
  47 </html>