css块中z-index

在CSS中，z-index属性用于控制元素的层叠顺序，即指定元素的层级关系。通常情况下，排在后面的元素会覆盖排在前面的元素。但是，通过z-index属性可以改变这种默认顺序。

在 CSS 中，所有元素默认都有一个 z-index 值，如果没有显式地设置，那么元素的 z-index 值会取决于元素的出现顺序和文档结构。

使用 z-index 属性可以为元素指定一个正整数的值，指定层级关系。数值越大，层级越高，元素就会显示在其它元素的上层。

下面是一个例子：

  .Box1 {
    background-color: blue;
    position: absolute;
    width: 100px;
    height: 100px;
    left: 10px;
    top: 10px;
    z-index: 1;
  }

  .Box2 {
    background-color: red;
    position: absolute;
    width: 100px;
    height: 100px;
    left: 20px;
    top: 20px;
    z-index: 2;
  }

在这个例子中，Box2 元素的 z-index 值为 2，高于 Box1 元素的 z-index 值为 1，因此 Box2 元素会显示在 Box1 元素的上面。

需要注意的是，z-index 属性只有在元素被定位（如 position: absolute; 或 position: fixed;）后才会起作用。此外，z-index 值只有在同一堆叠上下文中才有意义。