css z-index

今天来说如何在css中改变各个物件的阶层，需要用到z-index这个语法
首先创造出三个交错重叠的方块

        .box1, .box2, .box3{
            height: 300px;
            width:300px;
            color: white;
            font-size: 30px;
            position: absolute;
        }

在预设状态下越後面的物体会在越上层

此时如果在box1加上以下程序码

            z-index: 1;

就能让box1来到最前面的阶层而覆盖其他两个方块

z-index值越大物件越靠前

若将box2设定为z-index: 2;则效果如下