如果不知道你想要实现什么，很难正确回答，z索引可能不是你实际需要的。例如，以下方法可以工作：

<div id="container">
    <img src="img1.jpg" id="img1" />
    <img src="img2.jpg" id="img2" />
</div>

#container {
    position:relative;
}

#img2 {
    position: absolute;
    left: 50px;
    top: 50px;
}

另外，你是使用<img>标签还是background-images标签取决于图片的语义值，即它们是页面的表象内容还是实际内容？

最简单的方法是确保它们的大小相同，其中一个具有透明度，然后使用以下代码片段：

<img style="background:url(image.jpg)" src="overlay_image.gif" alt="" />

使用background-image属性在CSS中设置主图像的背景图像

您还可以通过使用以下代码使用文本覆盖图像：

<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">
  <TR>
    <TD WIDTH="221" HEIGHT="300" BACKGROUND="samplepic.jpg" VALIGN="bottom">
      <FONT SIZE="+1" COLOR="yellow">Sample Text</FONT>
    </TD
  </TR>
</TABLE>

希望能帮上忙。