CSS中的Z-index无效

z-index面向其父级-它们都在同一个父级元素中吗？z-index实现了自己的堆栈-例如：

框D，E和F是框C的后代->框F（z-index：-1）覆盖框B（z-index：1），因为它是框c的后裔（此框与z-索引：3，超出框b）

<div >      <b>A:2</b>    </div>    <div >      <b>B:1</b>    </div>    <div >      <b>C:3</b>      <div >        <b>D:2</b>      </div>      <div >        <b>E:3</b>      </div>      <div >        <b>F:-1</b>      </div>    </div>