具有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继承自父元素，因此UL上的z-index将应用于LI，因此应用于img。你必须使用位于LI顶部的另一个元素和你想要覆盖的图像。