Question

怎么让实现2个图片叠在一起（HTML) 一个作为背景一个作为主图，他们是重叠的！ （在线等 急呢)

A图是调用PHP的 $sky这个字段
B图是调用图片地址的

我想让A图叠加在B上面
怎么用HTML实现
谢谢高手了！
【我这个是要放在一个表格内的】

Answer 1

如果B不想用背景图，那么就把他们两个放到一个容器中（box），然后给这个容器（box，也就是A和B的父元素）设置 position:relative属性

然后A和B都设置position:absolute属性

再给他们分别设置z-index属性，z-index:数字，数字越大越在上面

希望能帮到你

Answer 2

按照下边这个来：
<td style="position:relative;">

<img style="position:absolute; z-index:1;" width="150" height="200" src="" />

<img style="position:absolute; top:60px; left:30px; z-index:2" width="95" height="125" src="" />

</td>

HTML：

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

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

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

Answer 3

话不多说了。按照下边这个来：
<td style="position:relative;">
<img style="position:absolute; z-index:1;" width="150" height="200" src="" />
<img style="position:absolute; top:60px; left:30px; z-index:2" width="95" height="125" src="" />
</td>

追问

http://zhidao.baidu.com/question/461493695.html?quesup2# 帮忙看看这个问题

Answer 4

B用背景图，
A图层设置Z-index属性

.canpin_img{ width:196px; height:189px; background-color:#666; z-index:1; position::absolute; top:0;left:0;}
.canpin_biao{width:196px; height:189px; position:absolute; z-index:0; background-color:#C30;top:0;left:0;}

z-index就是控制上下顺序

Answer 5

用PS来实现叠加，然后在html里插入图片