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

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

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

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

然后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>追问

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

本回答被提问者采纳
第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就是控制上下顺序本回答被网友采纳
第4个回答  2018-04-27
用PS来实现叠加,然后在html里插入图片

...一个作为背景一个作为主图,他们是重叠的! (在线等 急呢)
如果B不想用背景图,那么就把他们两个放到一个容器中(box),然后给这个容器(box,也就是A和B的父元素)设置 position:relative属性 然后A和B都设置position:absolute属性 再给他们分别设置z-index属性,z-index:数字,数字越大越在上面 希望能帮到你 ...

...一个作为背景一个作为主图,他们是重叠的! (在线等 急呢)
(在线等 急呢) A图是调用PHP的$sky这个字段B图是调用图片地址的我想让A图叠加在B上面怎么用HTML实现谢谢高手了!【我这个是要放在一个表格内的】... A图是调用PHP的 $sky这个字段B图是调用图片地址的 我想让A图叠加在B上面怎么用HTML实现谢谢高手了!【我这个是要放在一个表格内的】 展开  我来答 ...

PS中如何将两幅相同的图片重叠部分融合
我们用PS软件来实现把两张图片叠加在一起。我们启动PS软件,进入到新建文档的界面。我们把第一张图片拉到这个界面中。2、那么,该图片即导入到PS中,自动生成文档。3、接着,鼠标打开保存图片的文件夹,鼠标点住第二张图片,直接拉到PS中。放在第一张图片的上层中。4、调节好第二张图片的大小与位置。

ps 两个不同的图片,重叠在一起,用什么方法,擦上面的图,露出下面的图
一、为图层添加矢量蒙版,图层就多了一个连接着的白色蒙版,取消与图层中间的连接图标可以让蒙版不跟随图层的变化而变化。 二、用画笔工具在蒙板上抹涂,白色在蒙板上为显示图像,黑色为隐藏图像。 三、渐变工具调整黑白渐变在蒙板上拉,可以让图像从隐藏到显示渐变过渡。 四、调整画笔的不透明度与流量抹涂的效果也不同。

ps 两个不同的图片,重叠在一起,用什么方法,擦上面的图,露出下面的图
选中上面的图,在图层面板添加蒙版,切换到画笔工具,选中图层蒙版,用黑色进行涂抹

css怎么把两个图片叠加在一起啊?
就同时指定了两个图片,两个图片的位置可以通过后面的 位置参数调整。如果是img元素,可以通过给img指定绝对定位的样式,通过绝对定位让两个img按照 要求的方式重叠。比如:img#id1 {position:absolute; top:0; left:0; width:100%; display:block;} mg#id2 {position:absolute; top:20px; left:0...

jquery怎么实现点击一个元素更换背景图片,连续点击永远在2张图片之间...
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的<script>标签,输入jquery代码:。var no = 0;var arr = ['small2.png', 'small3.png'];function fun() { no ^= 1;('body').css('background-image', 'url(' + arr[no] + ')');} ...

怎么把两个人的照片P在一起。用美图秀秀
详情请查看视频回答

HTML中怎么插入图片作为背景,我用的是记事本!
5、背景图片不重复 <body style="background-image: url(d:\\image\\石家庄.jpg) no-repeat;"> 6、背景图片居中不重复 <body style="background-image: url(d:\\image\\石家庄.jpg) no-repeat 50% 0;"> 注意:图片路径问题,用d:\\image\\石家庄.jpg只能在你自己的电脑上有效,上传到网站上,建议...

两个图层重叠在一起 怎样才能把另一个图层显现出来(photoshop中用什么工...
1、photoshop打开两个图层。2、上面的图层已经把下面的图层覆盖住。3、把上面的图层前面的眼睛取消掉,隐藏图层。4、隐藏上面的图层后,就可以看到下面的图层了。5、或者选中上面的图层,然后调整不透明度。6、上面的图层调整不透明度后,就可以看到下面的图层了。

相似回答