css怎么设置层级卡 |css 显示边框

/*设置层级为1*/
.element{
z-index: 1;
}
/*设置层级为2*/
.element{
z-index: 2;
}
/*设置层级为最高*/
.element{
z-index: 9999;
}

以上代码中，z-index属性就是用来设置元素的层级的。数值越高的元素，就会被放在更上面的层级，从而覆盖住数值较低的元素。

需要注意的是，z-index只对定位元素（position: absolute或position: relative）有效。因此，要想使用z-index设置层级，必须先给元素设置定位。例：

.element{
 position: relative;
 z-index: 2;
}

此外，如果元素的父元素的层级比它低，那么子元素是无法覆盖住父元素的。因此，要想让一个元素在页面中层级最高，还需要让它的父元素的层级比它低：

.parent{
 position: relative;
 z-index: 1;
}
.element{
 position: absolute;
 z-index: 2;
}

在上面的代码片段中，.parent的层级为1，.element的层级为2，因此.element会覆盖住.parent。