有人能告訴我如何在不使用Z-index或Z-order的情況下將一個圖像添加到另一個圖像上嗎？

在不知道你到底想要實現什么的情況下，很難正確回答這個問題，z-index可能不是你真正需要的。例如，以下內容將會起作用:

<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;
}

也不管你用& ltimg & gt標簽或背景圖片取決于圖片的語義值，即它們是頁面的表象內容還是實際內容？

最簡單的方法是確保它們大小相同，一個具有透明度，您可以使用以下代碼片段:

<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>

希望有幫助。