在线等。离线等。新手入门。手机端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> 

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