在css中，z-index可以设置图层的顺序。比如在一个div中有多个子元素，那么就可以通过设置z-index来决定这些元素的显示顺序。

z-index的取值为数字，数字越大，离浏览器窗口越远，就越在上层。当然，也可以使用负数。

需要注意的是，z-index只有在被设置了position属性（如position:absolute;）的元素上才有效。

div{
position: relative;
}
p{
position: absolute;
z-index: 1;
}
span{
position: absolute;
z-index: 2;
}

在上面的例子中，p元素的z-index为1，span元素的z-index为2。由于span元素的z-index大于p元素，所以span元素会在p元素上层显示。

如果多个元素有相同的z-index，则它们将按照它们在html中的先后顺序显示。也就是说，后面的元素会显示在前面的元素之上。

需要特别注意的是，z-index不只会改变元素的显示层次，也会改变元素的相对层次。因此，对于两个相交的元素，如果一个元素的z-index比另一个元素的z-index大，那么后者将始终在前者的下方，不论后者的实际位置是在前者上方还是下方。

总之，z-index在做页面定位和图层控制方面是非常有用的，需要程序员们灵活运用以实现各种奇妙的效果。