third_party/WebKit/LayoutTests/fast/block/positioning/035.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: relative)</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: relative;
  19     }
  20
  21     div#contain {
  22         z-index: 0;
  23     }
  24
  25     div#one {
  26         z-index: 2;
  27         background: red;
  28     }
  29
  30     div#two {
  31         z-index: 1;
  32         background: green;
  33     }
  34
  35     div#two {
  36         margin-top: -100px;
  37     }
  38
  39     </style>
  40 </head>
  41 <body>
  42
  43 <div id="contain">
  44     <div id="one"></div>
  45 </div>
  46 <div id="two"></div>
  47
  48 </body>
  49 </html>