html - Place div2 behind div1 that is inside hierarchically inside -

html - Place div2 behind div1 that is inside hierarchically inside -

it may sound stupid question need div2 behind div1. div2 within div1 , need way. tried z-index reason doesn't work. declared position.

i want display back-sq-1 behind box-ft1.

note not possible changing order of divs, much easier.

here code:

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; }

html css