有两种方式；
①：一张作为背景，一张用<img/>图片标签，如：
<div style="background:url('1.jpg') 0 0 no-repeat"><img src="2.jpg" />
</div>
②：两张图片都用<img />标签，用绝对位置定位，利用z-index属性控制其上下层关系，z-index的值越大，就越上如：
<div style="position:relative"><img src="1.jpg" style="position:absolute left:0 top:0 z-index:1" />
<img src="1.jpg" style="position:absolute left:0 top:0 z-index:2" />
</div>
按照下边这个来：
<td style="position:relative">
<img style="position:absolutez-index:1" width="150" height="200" src="" />
<img style="position:absolutetop:60pxleft:30pxz-index:2" width="95" height="125" src="" />
</td>
HTML：
是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。
浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。
但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
