将div2放在div1后面，内部是分层内部

Question

这听起来可能是一个愚蠢的问题，但我需要在div2后面div1。但div2位于div1内，我需要这样做。我试过z-index，但由于某种原因不起作用。我甚至宣布了position。

我想在back-sq-1后面显示box-ft1。

请注意，不可能更改div的顺序，所以显然会更容易。

以下是代码：

HTML

<div class="box-ft1">
    <span class="back-sq-1"></span>
</div>

CSS：

    .box-ft1{
    position: absolute;
    z-index: 250;
    background-color: white;
    height: 230px;
    width: 400px;
    right: 5%; 
    top:15%;

}

    .back-sq-1{
        display: block;
        z-index: 0;
        top: -15px;
        left: -15px;
        width: 50%;
        height: 50%;
        position: absolute;
        background-color: #a36103;
    }