html怎么使多个img是叠加方式存在

多个img叠加用css样式控制即可：

如果是背景的话，background 属性可以指定多个图片。

示例如下：

background: url("haoroomsCSS1_s.jpg") 0 0 no-repeat,

url("haoroomsCSS2_s.jpg") 200px 0 no-repeat

就同时指定了两个图片，两个图片的位置可以通过后面的 位置参数调整。

如果是img元素，可以通过给img指定绝对定位的样式，通过绝对定位让两个img按照

要求的方式重叠。

比如：

img#id1 {position:absolutetop:0left:0width:100%display:block}

mg#id2 {position:absolutetop:20pxleft:0width:100%display:block}

如果要使用绝对定位，img的父元素的样式需要加上 position:relative

按照下边这个来：

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

是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。

但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

---