保 ..._小程序文字被遮挡怎么办">
当前位置:   article > 正文

微信小程序 解决textarea,input等原生组件层级太高遮挡其他组件的问题

小程序文字被遮挡怎么办

微信小程序 解决textarea等原生组件层级太高遮挡其他组件的问题

  1. <view class=''>
  2. <button class=''type="primary" style='font-size:12pt;border:0px;width:750rpx'> 保 存</button>
  3. </view>

使用cover-view 原生组件,这个组件也是原生组件,可以覆盖在部分原生组件上面。

上方覆盖部分改为如下即可:

  1. <cover-view class='yui-footBox'>
  2. <button class='' type="primary" style='font-size:12pt;border:0px;width:750rpx;'> 保 存</button>
  3. </cover-view>

样式

  1. .yui-footBox{
  2. z-index:999 /*不加这句可能会无效*/
  3. }

参考了一些网上文章,本来发现没成功,结果发现是因为没加z-index的原因

转载于:https://my.oschina.net/ytyjm/blog/3031040

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读