微信小程序让一个view放在另一个view上

主要使用的是 position和z-index这两个属性
直接看示例
我有如下两张图片，按照顺序图片2在图片1下边

现在想让图片2出现在图片1上，效果如图

代码如下：
wxml文件： 注意对三个view设置class

<view class="parent_view">
  <view class="view1">
    <image src="/static/getphoto.png" style="width: 340px; height: 405px;"></image>
  </view>
  <view class="view2">
    <image src="/static/hg.png" style="width: 100px; height: 100px;"></image>
  </view>
</view>

wxss文件：注意每个view的position和z-index属性
z-index数值越大表示越在上层

.parent_view{
  position: relative;
  z-index: 1;
}

.view1{
  position: absolute;
  z-index: 2;
}

.view2{
  position: absolute;
  z-index: 3;
  margin-top: 350rpx;   
  margin-left: 290rpx;  
}

大功告成！