前言

由于小程序中的textarea組件是原生組件，而原生組件的層級是最高的，所以頁面中的其他組件無論設置 z-index 為多少，都無法蓋在原生組件上，造成輸入的文字會顯示在小程序其他組件上，如下圖所示：

<view class='bar bottomfix shadow justify-center'><button class='' formType="submit" type="primary" style='font-size:12pt;border:0px;width:300px;'> 保 存</button></view>

網上有一些繞彎路的解決辦法，其實小程序有一個直接解決原生組件覆蓋問題的辦法，就是使用cover-view，小程序為了解決原生組件層級最高的限制。小程序專門提供了 cover-view 和 cover-image 組件，可以覆蓋在部分原生組件上面。這兩個組件也是原生組件，但是使用限制與其他原生組件有所不同。

上方覆蓋部分改為如下即可：

<cover-view class='bar bottomfix shadow justify-center'><button class='' formType="submit" type="primary" style='font-size:12pt;border:0px;width:300px;'> 保 存</button></cover-view>

效果如下，動手試試吧！

到此就解決了遮蓋問題

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。