如何在另一個圖像上疊加一個圖像？

Question

我要一個圖像高於另一個圖像。 我該怎么做？

http://twitpic.com/2cnpku

Answer 1

從您發布的代碼，看來你是傳遞一個img元素到另一個src另一個屬性img元素。 您這樣做是有原因的嗎？

<style type="text/css">
  .imgA1 {
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
    width:1300px;
    height:283px;
  }
  .imgB1 {
     position:absolute;
     top:0px;
     left:0px;
     z-index:1;
     width:1300px;
     height:1000px;
  }
</style>
<img class="imgA1" src="images/home_nav.png" alt="home_nav" />
<img class="imgB1" src="images/paperbackground.png" alt="Background" />

可以在http://jsfiddle.net/gBPBd/3/上看到類似的代碼模型，其中包含我的圖像，以證明這一概念，並且它在chrome（即chrome）中起作用。

Answer 2

將您想要的圖像設置在頂部以具有較高的z索引。 目前，它的Z索引較低。