A图是调用PHP的 $sky这个字段
B图是调用图片地址的
我想让A图叠加在B上面
怎么用HTML实现
谢谢高手了！
【我这个是要放在一个表格内的】
如果B不想用背景图，那么就把他们两个放到一个容器中（box），然后给这个容器（box，也就是A和B的父元素）设置 position:relative属性
然后A和B都设置position:absolute属性
再给他们分别设置z-index属性，z-index:数字，数字越大越在上面
希望能帮到你
然后A和B都设置position:absolute属性
再给他们分别设置z-index属性，z-index:数字，数字越大越在上面
希望能帮到你
温馨提示：答案为网友推荐，仅供参考
第1个回答 2018-03-30
按照下边这个来：
<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：
是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。
浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。
但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
第2个回答 推荐于2018-02-23
话不多说了。按照下边这个来：
<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>追问
<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>追问
帮忙看看这个问题
本回答被提问者采纳第3个回答 推荐于2017-12-16
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就是控制上下顺序本回答被网友采纳
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就是控制上下顺序本回答被网友采纳
第4个回答 2018-04-27
用PS来实现叠加，然后在html里插入图片
