小程序开发textarea透视bug

最近做小程序遇到个bug  在textarea框里输入内容然后打开pop弹窗，里面的内容直接穿透pop弹窗了，怎么改z-index都没用，后面在官网上发现textarea是小程序原生组件，页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上。后面没办法，只能在激活弹出层时将 value、placeholder设为空，disabled设置为true防止点击。然后关闭时触发事件再把值改回去。

经过一番折腾终于解决了，但又出现另一个问题..由于顶部的组件是固定定位在顶部，上滑的时候内容会穿透组件，然而又不是弹窗，想了通过滚动距离隐藏，但体验很不友好，还没盖上内容就没了。

最后在官网看到两个原生组件cover-view 与 cover-image

<cover-view class="active_vip" wx:if="{{isShow}}" @tap.stop="open">

<cover-view class="iconBox">

<cover-image src="xxxx" alt="" class="icon"></cover-image>

</cover-view>

<cover-view>{{title}}</cover-view>

<cover-view></cover-view>

</cover-view>

注意src图标路径，支持临时路径、网络地址（1.6.0起支持）、云文件ID（2.2.3起支持）。暂不支持base64格式。

本地图片在真机上一直显示不出来，一开始以为是层级或布局问题，后面图片传了犀牛云才解决

原生组件的坑..小程序的经验很少，有不完善的地方欢迎大家提出来..