# 事件穿透在小程序无效导致的神奇bug

* 抖音：[https://v.douyin.com/iUBrPKDa/](https://v.douyin.com/iUBrPKDa/)
* B站：[https://www.bilibili.com/video/BV1dHieYpEhj/](https://www.bilibili.com/video/BV1dHieYpEhj/)

这个bug老神奇了

大家看啊

现在这块是三年级

然后点开

哎呦我去

大家看就这bug

就我还没等点下边呢

一展开它自己就切换了

我再试几个哈

哎大家看，又变了

又变三年级上了

就很神奇

找了半天

我发现是什么原因呢

就在这里

我先把这个透明度给先改成1（不透明）

这个层

其实就是刚才我们看到展开的那个层

缩小之后

他就回到这个按钮这个位置了

只是呢我把它变成透明的了

而且是覆盖在这个按钮上面

然后给这个层加一个事件穿透

保证他点不到

里边的东西

只能穿透到下边的按钮上面

在这个模拟器上是没有问题的

只是在真机里边

他没办法穿透里边这个字

我们可以试一下啊

把这个大小改的大一点（缩小后的）

大家看 这么大

然后呢我还是在真机上看

大家看 现在就是模拟了

被缩小的那个状态

但是现在是比较大的

大家看我点这，这是可以穿透的

看到了吗

但是我只要点字上…大家看

它就切换了

就是这个字它是没办法穿透的

包括一些小程序的一些组件啊

都不行

这个有时间我们单独出一集视频

回到这个项目上

解决它其实也很容易

我们还是把这个大小改回来

然后呢透明度先这样

然后我们把这个z-index

放到这个按钮下边

这个按钮其实也是

我们把它把改成

这样的话呢

它缩小之后就在下边

怎么也点不到它了

然后把这个透明

度

再改成

好这样的话这个问题就解决了

我们再来试一下

嗯这个试几次

这样就没问题了
