Css 家长如何'；s z指数影响子项'；sz指数？

#父级{
位置：相对位置；
背景：红色；
宽度：100px；
高度：100px；
z指数：1；
}
#孩子{
位置：绝对位置；
顶部：50px；
左：50px；
z指数：-1；
转换：translateX（20px）；
}

qqq

测试

当然，如果您设置

z-index:-1，则孩子将在家长后面给孩子。如果删除
z索引：-1
您还可以从子项中删除
z-index:1来自父级


#父级{
位置：相对位置；
背景：红色；
宽度：100px；
高度：100px；
/*z指数：1*/
}
#孩子{
背景：绿色；
位置：绝对位置；
顶部：50px；
左：50px；
/*z指数：-1*/
转换：translateX（20px）；
}


qqq

测试
当然，如果您设置
z-index:-1，则孩子将在家长后面给孩子。如果删除
z索引：-1
您还可以从子项中删除
z-index:1来自父级


#父级{
位置：相对位置；
背景：红色；
宽度：100px；
高度：100px；
/*z指数：1*/
}
#孩子{
背景：绿色；
位置：绝对位置；
顶部：50px；
左：50px；
/*z指数：-1*/
转换：translateX（20px）；
}


qqq

测试
默认情况下，所有背景颜色都位于文本后面。
z-index
默认值为自动，表示“将堆栈顺序设置为等于其父级”。但是，在子对象上使用
z-index
会将其移出自然堆栈顺序，并将其放置在背景后面。如果您将父项更改为同时具有Z索引，则它将重新加入堆栈，并且背景颜色将再次显示在文本后面

父级和子级都设置为自动。两者都在同一个堆栈中


#父级{
位置：绝对位置；
背景：红色；
宽度：100px；
高度：100px；
}
#孩子{
位置：绝对位置；
顶部：50px；
左：50px；
转换：translateX（20px）；
}

qqq
测试
默认情况下，所有背景颜色都位于文本后面。
z-index
默认值为自动，表示“将堆栈顺序设置为等于其父级”。但是，在子对象上使用
z-index
会将其移出自然堆栈顺序，并将其放置在背景后面。如果您将父项更改为同时具有Z索引，则它将重新加入堆栈，并且背景颜色将再次显示在文本后面

父级和子级都设置为自动。两者都在同一个堆栈中


#父级{
位置：绝对位置；
背景：红色；
宽度：100px；
高度：100px；
}
#孩子{
位置：绝对位置；
顶部：50px；
左：50px；
转换：translateX（20px）；
}

qqq
测试
它怎么会不起作用？它落后于父级？你期望什么，你试图实现什么？给父级一个z索引值开始一个新的堆叠顺序。一旦给父级一个z索引值，则其子级的所有z索引值都将相对于父级的z索引值。我希望子级位于父级之下，因此我将子级z索引设置为0。干得好！但是，当我将父级的z-index设置为1时，前一阶段将不起作用。你说的“低于”是什么意思？在下面还是后面？如果它在后面，它就看不见了。这就是z-index所做的。它怎么会不起作用呢？它落后于父级？你期望什么，你试图实现什么？给父级一个z索引值开始一个新的堆叠顺序。一旦给父级一个z索引值，则其子级的所有z索引值都将相对于父级的z索引值。我希望子级位于父级之下，因此我将子级z索引设置为0。干得好！但是，当我将父级的z-index设置为1时，前一阶段将不起作用。你说的“低于”是什么意思？在下面还是后面？如果它在后面，它就看不见了。这就是z-index所做的。他不是在问如何修复它，而是在问为什么会这样happening@JoshuaDuxbury对的这就是我试图回答的“如果你给孩子设置
z-index:-1；
的话，孩子当然会落后于父母”他不是问如何修复它，而是问为什么会这样happening@JoshuaDuxbury对的这就是我试图回答的“如果您将
z-index:-1；
设置为孩子，那么孩子当然会落后于家长”