以下所述参考网上众多大佬略写,本人只是菜鸟一枚,记录博客主要怕自己记不住,方便以后参考,有何不足,欢迎补充…
方式方法和网上大多大佬有雷同,因为我也是参考网上各位大佬的…
问题:
当页面中有input 、textarea时
底部提交按钮position:fiexd悬浮时
在滑动页面,input 、textarea文本框中的文字会穿透到提交按钮上方
z-index分别在子层级,和父层级上设置这个属性,哪个值大,哪个层级就在最上面。
textarea上,设置z-index:0,这样,在模拟器上运行就没问题了,但是iOS真机就无效了。z-index会失去作用。textarea输入的内容还是会浸透在遮盖在textarea上的布局。后来查阅官方文档,发现用cover-view可以解决。
于是,我把底部提交按钮的view控件,换成了cover-view
运行结果,还是不行,又将cover-view动态样式里加上z-index:999,问题才解决