尝试与Z-Index堆叠

Question

我刚刚开始一个新项目，而在CSS中使用z-index函数时遇到了麻烦。不管我尝试什么，都行不通。我尝试过交换div的z-index的值，但仍然无法正常工作。

#outerbox {
    position:absolute;
    height:700px;
    width:700px;
    background-color:darkgrey;
    left:570px;
    top:125px;
    z-index:1;
}

#innerbox {
    position:relative;
    height:680px;
    width:680px;
    background-color:grey;
    display:grid;
    margin: 0 auto;
    top:10px;
    z-index:0;
}