在CSS中使用z-index属性,并在父项和子项中设置正确的值。
例如:
HTML代码:
<div class="parent">
<div class="child">子项1</div>
<div class="child">子项2</div>
</div>
CSS代码:
.parent {
position: relative;
z-index: 1; /* 父项的z-index值 */
}
.child {
position: absolute;
z-index: 2; /* 子项的z-index值 */
}
在这个例子中,父项设置了一个相对定位,并给出了一个z-index值。子项设置了一个绝对定位,以及一个更高的z-index值。这确保了子项始终处于父项之上,而不是被后来到达的其他元素所遮挡。