有一个父组件，父组件有个遮罩。还有一个子组件，子组件也有一个遮罩需要盖在父组件的遮罩之上。在开发者工具上没问题。到手机上z-index就失效了

// 父组件
<view class="main">
  <view class="mask">遮罩</view>
  // 这里引用子组件
  <sub-mask/>
</view
// css
.main {
  width: 100%;
  height: 100%;
}
.mask {
  position: "fixed";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

// 子组件 sub-mask
<view class="sub-mask">
  子组件的遮罩需要盖在父组件之上
</view>
// css
.sub-mask {
  position: "relative";
  z-index: 999;
}