微信小程序textarea层级问题

textarea层级问题.jpg

写了一个页面，其中包含textarea和自定义的一个蒙版视图，发现在真机中textarea的placeholder文字和value文字都会显示在蒙版视图之上。。。。

找到一个input的方法，经测试有效了，不知道是微信改了还是我以前就没找到，给input的placeholder-class里面加上z-index=1,然后给蒙版或其他不想被覆盖的加一个更大的z-index。

此方法对textarea还是无效。。。

textarea可使用cover-view解决

----------------------下面的过期了-------------------
找了一下网上也没有很好的解决方案，但是问题还是要解决。。。（以前是bug咯、、、）

1、写一个和textarea有一样样式的temp-view

2、view内的文字样式分别为textarea的文字样式style1和textarea的placeholder-style样式style2一致

3、当需要显示蒙版视图时，隐藏textarea，获取textarea的文字内容，显示temp-view, 设置样式为style1

4、如果textarea没有输入文字，则temp-view显示placeholder文字，同时设置样式为style2

因为textarea默认的z-index非常之高。。。并且我们无法修改，所以只能暂时这样处理，希望官方早日修复这个bug。
我的博客即将搬运同步至腾讯云+社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=150afwwtin5bq