如何将图像叠加在另一个图像上？

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命名的，即8。

Answer 2

将您想要的图像设置在顶部以获得更高的z-index。现在，它的z指数较低。