zindex-inherit.html | Explore in Territory

<html>
<head>
<style>
div { width:100px; height:100px }
.green { background-color: green }
.red { background-color: red }
</style>
</head>
<body>

You should see a green square below.

<div class="red" style="position:relative; z-index:0">
  <div class="red" style="position:absolute; z-index:auto">
    <div class="red" style="position:absolute; z-index:inherit">
      <div class="green" style="position:absolute; z-index:1000">
      </div>
    </div>
  </div>
  <div class="red" style="position:absolute; z-index:100">
  </div>
</div>
</body>
</html>

chromium/third_party/blink/web_tests/fast/layers/zindex-inherit.html