html - 具有 z-index 的元素内图像的 z-index

Question

我的图像的 z-index 有问题。我有一个列表，每个列表项都有一个图像。现在我想让列表项中的图像显示在其他列表项上方。

<li style="position: relative; z-index:9;">
 <img src="/" />
</li>
<li style="position: relative; z-index:8;">
 <img src="/" style="position: absolute; z-index:999;" />
</li>

Answer 1

z-index从父元素继承，所以无论你在 s 上的什么 z-index 都UL将被应用到LIs 上，因此也应用到imgs 上。您必须使用位于LI要覆盖的图像顶部的另一个元素。