html怎么在图片上面在加一张图片

发布网友 发布时间：2022-04-20 22:35

我来回答

共3个回答

懂视网 时间：2022-05-13 13:21

这里两个文本框每个文本框都是是两个图片 用html怎么实现？谢谢 图片上传不上来了。用360提问的 拜托了 http://wenda.haosou.com/q/1435137147723091

回复讨论(解决方案)

看着只有一个

同楼上，看着只有一个，不知道你说的是不是填上文字之后有个小叉号，那个可以用js

热心网友 时间：2022-05-13 10:29

做个浮动层就可以了

<style type="text/css">
#divA{
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
}
#divB{
width: 200px;
height: 200px;
background-color: #ccc;
}
#divC{
position: absolute;
top:0;
left: 0;
width:100px;
height: 100px;
background-color: #ddd;
}
</style>

<div id="divA">
<div id="divB">图片1</div>
<div id="divC">图片2</div>
</div>

自己根据实际情况调整大小就可以了

热心网友 时间：2022-05-13 11:47

是把另一张图盖在原来的图上面吗？？ 在后图的外面添一对标签，DIV 、span 差不多都行，将图片包起来，哈哈。然后给图片这块指定位置：<div style="position:absolute; top:88px; left:88px;"><img src=88.png></div>88px是位置，top是离网页最上、或是position:relative;形式定位的父层的最上面的距离像素值，你根据距离调整数字。 top是离网页最左、或是position:relative;形式定位的父层的最左面的距离像素值，你根据距离调整数字。 最严格的，还要给层分层次。那个层在最底下数字越小。那就后面加z-index如：<div style="position:absolute; top:88px; left:88px; z-index:8;"><img src=88.png></div>