z-index不起作用，即使已经指定了绝对定位？

可能是由于HTML页面中的具有相对定位的元素所导致。在这种情况下，您需要改变相对定位的z-index值，以使绝对定位的z-index值生效。

以下是一个例子：

HTML：

<div class="wrapper"> <div class="box1">Box 1</div> <div class="box2">Box 2</div> </div>

CSS：

.wrapper{ position: relative; } .box1{ position: absolute; top: 0; left: 0; z-index: 10; /* 高于.box2 / } .box2{ position: relative; z-index: 2; / 低于.box1 */ }

在这个例子中，wrapper被设置为相对定位。.box1被设置为绝对定位，并具有一个更高的z-index值。由于.box2是在包含与.box1相对定位的元素中，.box2必须具有较低的z-index值，以使z-index置于.box1之下。