【微信小程序】组件覆盖 z-index

微信小程序–组件覆盖 z-index

功能：
实现背景图片，在图片上添加文字，两张图片组合等

代码：
wxml文件

<!--index.wxml-->
<view class="container">
  <image class="up" src="../../img/bg_analyse.png"></image>
  <image class="down" src="../../img/test.jpg"></image>
</view>

wxss文件

/**index.wxss**/
.up {
  z-index: 1; /**第一层级*/
  position: absolute;
  width: 100%;
  height: 600rpx;
}

.down {
  z-index: 2; /**第一层级*/
  width: 100%;
  height: 100rpx;
  margin-top: 200rpx;
}

效果展示：