2 vivian0616 vivian0616 于 2015.06.11 15:48 提问

在线等。离线等。新手入门。手机端div相关问题。
div

图片说明

如上图。
想把B图放在如A图位置上。然后两图随着网页大小而同时缩小,但B图始终在如上A图位置。
目前的代码如下。
不用JS,用DIV+CSS能做出来吗?
有没有哪位大神指导下。

<div style="position: relative; float:left; width:100% ; height:100%;">
  <div style=" margin-top:auto%; position: absolute; width:100%; height:100% ">
    <img src="B.png"/>
  </div>  
  <img src="A.jpg"/>
</div> 

1个回答

Bruce_why
Bruce_why   2015.06.11 16:29

需要把b图的位置设置为absolute,位置left:0,top:0;这样会全部覆盖,之后给b图设置透明度,可以看到a图

Bruce_why
Bruce_why 回复vivian0616: 通过比例来固定,B图的位置left, bottom分别是A图的多少,B图的width,height分别是A图的多少,这样随着A图变化,B图保持相应的变化
2 年多之前 回复
vivian0616
vivian0616 B图要固定在上面图的那个位置的。怎么设置呢。
2 年多之前 回复
vivian0616
vivian0616 B图的位置是absolute啊。B图就直接在A图上的,就那么小的那块的。
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片