由于是用nuxt+tailwind写的代码,所以代码就不贴了,具体的问题就是我在最外层加了背景和伪元素遮罩后内部元素的点击不了了

解决方法如下

  1. 给内部元素加个定位,然后设置z-index的优先级
  2. 直接在伪元素遮罩的css代码中补充 pointer-events: none;取消遮罩的点击效果

总结:在背景元素不需要点击效果的情况下我个人觉得还是第二种方法比较好用,因为设置z-index层级可能浏览器会更消耗GPU资源(2D—>3D)

Q.E.D.


一个二次元web开发咸鱼