textarea层级问题.jpg
写了一个页面，其中包含textarea和自定义的一个蒙版视图，发现在真机中textarea的placeholder文字和value文字都会显示在蒙版视图之上。。。。
找了一下网上也没有很好的解决方案，但是问题还是要解决。。。
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。
网友评论