在使用z-index属性之前,一定要确保该元素拥有相对或绝对的定位。同时,其他元素也不能具有auto z-index属性。以下是一个示例代码:
HTML代码:
<div class="parent">
<div class="child child-1"></div>
<div class="child child-2"></div>
</div>
CSS代码:
.parent {
position: relative;
}
.child-1 {
position: absolute;
z-index: 1;
}
.child-2 {
position: absolute;
z-index: 2;
}
在这个示例中,.parent元素被设置为相对定位,.child-1和.child-2元素都被设置为绝对定位,并具有不同的z-index值。这将确保元素的z-index属性能够起作用。