这是一个常见的问题，比如一个小程序表单提交一个信息页面。只要包含textarea组件，并且底部有固定按钮，就会遇到这个问题。虽然不影响功能，但还是影响体验。问题截图：

您可以看到文本区域中的文本显示在按钮上方。看起来好像按钮是透明的。实际上有两个问题：

当textarea文本未被填充时，单元格的边框线将穿透按钮，即可见

填写完文本区域后，文本会穿透按钮

问题的影响范围

真正的ios、安卓和开发工具都会受到影响。

渗透原因

Textarea是本机组件。

本机组件具有更别，因此无论设置什么z-index，页面中的其他组件都不能覆盖在本机组件上。

详见微信小程序官方文档：https://developers . weixin . QQ.com/mini program/dev/component/native-component . html。

解决办法

使用封面视图而不是视图。

原始代码：底部_btn {

位置：固定；

bottom : 0；

width: 750rpx

}

view class='bottom_btn '

button class=' primary ' style=' width : 95%；'立即注册/按钮

/view

修改后的代码：底部_btn {

位置：固定；

bottom : 0；

width: 750rpx

z-index : 999；

}

cover-view class='bottom_btn '

button class=' primary ' style=' width : 95%；'立即注册/按钮

/cover-view

修改后的效果：

需要注意的事项

一定要加z-index，否则无效。