如果你说的是排在一起,那很简单:2个相邻<img src="pic1.jpg"><img src="pic2.jpg">就可以解决了。
如果是重合在一起,也就是说占同一片空间的话:
<div class="big_pic">
<img src="pic1.jpg">
<div class="small_pic"><img src="pic2.jpg"></div>
</div>
CSS:
.big_pic{
position:relative
}
.small_pic{
positon:absolute
top:5px
left:5px
}(通过top/left来调整小图片在大突破上面的位置)
至于其他的理解方式(照片合在一起)那我就真不知道了,应该是图片处理软件的事情了
如果B不想用背景图,那么就把他们两个放到一个容器中(box),然后给这个容器(box,也就是A和B的父元素)设置 position:relative属性然后A和B都设置position:absolute属性
再给他们分别设置z-index属性,z-index:数字,数字越大越在上面
希望能帮到你
按照下边这个来:
<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:
是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。
浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。
但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)