Z-index对于图片和按钮不起作用

可能是因为图片和按钮的position属性没有被设置为“relative”或“absolute”。通过将它们的position设置为相应的值，并为这些元素设置不同的z-index，可以更好地控制它们之间的层叠顺序。

例如，在以下示例中，我们有一个按钮和一张图片，其中图片在默认情况下显示在按钮的上方。但是，我们想通过z-index将按钮置于图片上方：

HTML： <button class="btn">按钮</button> <img src="image.jpg" class="img">

CSS： .btn { position: relative; z-index: 999; }

.img { position: relative; z-index: 1; }

在此代码中，我们为按钮和图片分别设置了不同的z-index（999和1），因此按钮现在会在图片上方显示。请注意，为了使z-index属性起作用，必须在每个元素的CSS内定义position属性。