third_party/WebKit/LayoutTests/fast/block/positioning/008.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: z-index applies when 'position' is '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#two {
  22         background: green;
  23         z-index: 2;
  24     }
  25
  26     div#one, div#three {
  27         background: red;
  28         z-index: 1;
  29     }
  30
  31     div#two, div#three {
  32         margin-top: -100px;
  33     }
  34
  35     </style>
  36 </head>
  37 <body>
  38
  39 <div id="one"></div>
  40 <div id="two"></div>
  41 <div id="three"></div>
  42
  43 </body>
  44 </html>