用CSS堆叠元素

是否有一个属性允许div中的一个元素堆叠在同一div中的另一个元素之上

我知道有两个div可以使用

position:relative&
位置：绝对位置
使其工作，但对于同一个div中的两个元素，我不确定该怎么办。
如果您希望将元素“堆叠”在彼此的顶部，可以使用
位置属性

您可以使用
z-index
更改堆栈顺序；具有较高
z-index
的元素将位于具有较低
z-index
的元素前面

你可以在这里看到，在这里


.el1{
高度：100px；
宽度：100px；
背景：黄色；
位置：相对位置；
z指数：1；
}
.el2、.el3{
高度：50px；
宽度：50px；
位置：绝对位置；
排名：0；
左：0；
背景：蓝色；
z指数：2；
}
.el3{
背景：绿色；
z指数：3；
顶部：5px；
左：5px；
}

el2
el3
如果要将元素“堆叠”在彼此的顶部，可以使用
位置
属性

您可以使用
z-index
更改堆栈顺序；具有较高
z-index
的元素将位于具有较低
z-index
的元素前面

你可以在这里看到，在这里


.el1{
高度：100px；
宽度：100px；
背景：黄色；
位置：相对位置；
z指数：1；
}
.el2、.el3{
高度：50px；
宽度：50px；
位置：绝对位置；
排名：0；
左：0；
背景：蓝色；
z指数：2；
}
.el3{
背景：绿色；
z指数：3；
顶部：5px；
左：5px；
}

el2
el3
如果要将元素“堆叠”在彼此的顶部，可以使用
位置
属性

您可以使用
z-index
更改堆栈顺序；具有较高
z-index
的元素将位于具有较低
z-index
的元素前面

你可以在这里看到，在这里


.el1{
高度：100px；
宽度：100px；
背景：黄色；
位置：相对位置；
z指数：1；
}
.el2、.el3{
高度：50px；
宽度：50px；
位置：绝对位置；
排名：0；
左：0；
背景：蓝色；
z指数：2；
}
.el3{
背景：绿色；
z指数：3；
顶部：5px；
左：5px；
}

el2
el3
如果要将元素“堆叠”在彼此的顶部，可以使用
位置
属性

您可以使用
z-index
更改堆栈顺序；具有较高
z-index
的元素将位于具有较低
z-index
的元素前面

你可以在这里看到，在这里


.el1{
高度：100px；
宽度：100px；
背景：黄色；
位置：相对位置；
z指数：1；
}
.el2、.el3{
高度：50px；
宽度：50px；
位置：绝对位置；
排名：0；
左：0；
背景：蓝色；
z指数：2；
}
.el3{
背景：绿色；
z指数：3；
顶部：5px；
左：5px；
}

el2
el3
如果两个元素位于具有相对位置的div中，则可以在具有绝对位置的div中进行绘图如果两个元素位于具有相对位置的div中，则可以在具有绝对位置的div中进行绘图如果两个元素位于具有相对位置的div中，如果两个元素在一个具有相对位置的div中，那么它们可以绘制，如果具有绝对位置，那么它们可以绘制，这正是我所寻找的。非常感谢。正是我想要的。非常感谢。正是我想要的。非常感谢。正是我想要的。非常感谢。