Html 将一个图像置于另一个图像之上

我想把一个图像放在另一个图像上

以下是我的代码：

<div style="position: relative; left: 0; top: 0;">
    <img id="image1" src="http://i.stack.imgur.com/dgg87.png" />
    <img id="image2" src="http://i.stack.imgur.com/j7Jpc.png" />            
</div>

我希望当我使第二个图像的宽度或高度增加时，它也会自动增加第一个图像的宽度或高度。我想把图像2放在图像1上

---

请提供任何指导。

您可以在

#image2

 #image1 {    
     top: 0; left: 0;
     position:relative;
     z-index:2; }
 #image2 {
     position:relative; left:-70px;
     z-index:1;
     margin-left: 25px;
 }

检查小提琴：看你的答案

#image1{position:absolute;}
#image2{position:absolute;resize:both;}
.container{position:relative;}

<div class="container">
    <img id="image1" src="http://i.stack.imgur.com/dgg87.png" />
    <img id="image2" src="http://i.stack.imgur.com/j7Jpc.png" />            
</div>

#image1{位置：绝对；}
#图像2{位置：绝对；调整大小：两者；}
.container{位置：相对；}

---

您可以使用jquery resize对图像执行调整大小操作

？但我没有得到这部分“我希望当我增加第二张图像的宽度或高度时，它也会自动增加第一张图像的宽度或高度。”@Mr.Alien-也希望在增加图像2的尺寸时增加图像1的尺寸，否则它将设置为图像1的尺寸。意味着图像1应该作为容器工作。完成了，谢谢先生。您的代码帮助我，新的更新代码：我想要这样的东西。@Mr.Alien-Sir，是否可以仅使用div来执行此操作？没有img，先生，是否可以只使用div？没有img。

#image1{position:absolute;}
#image2{position:absolute;resize:both;}
.container{position:relative;}

<div class="container">
    <img id="image1" src="http://i.stack.imgur.com/dgg87.png" />
    <img id="image2" src="http://i.stack.imgur.com/j7Jpc.png" />            
</div>