009.html [plain text]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html40/strict.dtd">
<!-- vim:sw=4:et:ts=4
  -->
<html lang="en-US">
<head>
    <title>z-index testcase: z-index applies when 'position' is 'absolute'</title>
    <meta http-equiv="Content-Style-Type" content="text/css">
    <link rel="copyright" href="/~dbaron/legal.html">
    <style type="text/css">

    div {
        height: 100px;
        width: 100px;
        margin: 0;
        border: none;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    div#two {
        background: green;
        z-index: 2;
    }

    div#one, div#three {
        background: red;
        z-index: 1;
    }

    </style>
</head>
<body>

<div id="one"></div>
<div id="two"></div>
<div id="three"></div>

</body>
</html>