一个元素可以有正数或负数的堆叠顺序 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    img {
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: -1;
    }
  </style>
</head>

<body>
  <h1>This is a heading</h1>
  <img src="/examples/paper.gif" width="100" height="140" />
  <p>因为图像元素设置了 z-index 属性值为 -1, 所以它会显示在文字之后。</p>
</body>
</html>
        