使用z-index的CSS不会将子元素放在其父元素后面

使用z-index的CSS可以控制元素的层叠顺序，但它不会将子元素放在其父元素后面。z-index属性用于指定元素在层叠上下文中的显示顺序，具有较高z-index值的元素将覆盖具有较低z-index值的元素。

在HTML中，元素的层叠顺序是由其在DOM树中的位置决定的。子元素通常会被绘制在父元素之上，无论z-index的值如何设置。这是因为子元素在DOM树中位于父元素内部，绘制顺序是从内到外的。

如果想要将子元素放在父元素后面，可以使用其他方法，例如改变HTML结构或使用定位属性。一种常见的方法是使用position属性将父元素设置为相对定位（position: relative），然后将子元素设置为绝对定位（position: absolute），并通过top、left等属性来控制子元素的位置。这样子元素就可以覆盖父元素或位于其后面。

总结：

• 使用z-index的CSS属性可以控制元素的层叠顺序，但不会将子元素放在其父元素后面。
• 元素的层叠顺序是由其在DOM树中的位置决定的，子元素通常会被绘制在父元素之上。
• 如果需要将子元素放在父元素后面，可以使用其他方法，如改变HTML结构或使用定位属性。