CSS中有一种定位属性叫做z-index，它可以用来控制不同元素在垂直方向上的层叠顺序。具体来说，z-index的值越大，元素就越靠近顶部。

在使用z-index时，需要注意以下几点：

1. 只有定位元素（position属性不为static）才能使用z-index属性。
2. z-index的值必须是整数，可以是正数、负数或0。
3. 如果两个元素的z-index值相同，那么它们的层叠顺序将根据它们在HTML文档中出现的顺序来决定，后出现的元素会覆盖先出现的元素。
4. 如果两个元素的z-index值不同，那么z-index值大的元素会覆盖z-index值小的元素。

下面是一个示例代码，演示了如何利用z-index属性实现元素层叠效果：

/* HTML */
<div class="parent">
<div class="child1"></div>
<div class="child2"></div>
</div>
/* CSS */
.parent {
position: relative;
}
.child1 {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.child2 {
position: absolute;
top: 50px;
left: 50px;
z-index: 2;
}

在上面的代码中，我们创建了一个父元素（class为parent），它的position属性被设置为relative，以便子元素可以相对于它进行定位。然后，我们创建了两个子元素（class为child1和child2），它们的position属性被设置为absolute，以便可以自由地定位它们。注意，我们还为它们设置了不同的z-index值，以便实现层叠效果。最后，我们用相应的top和left属性将它们定位在父元素内。这样，我们就成功地实现了两个元素的层叠效果。