pointer-events: none；

我的网页可以说图层比较多的了，最顶层有个图片是连接所有图片的，覆盖了几乎所有的图片，底下的图片需要指针的识别，但是由于顶层图片的识别，下方图片一直无法触发，我试过以下几种方法，未果。

1.将图片单独设置一个盒子置于最顶层，将图片设置为背景图片，虽然感觉就根本无法实现，但是还是不死心试了试，结果图片变成了最底层；

2.重新设置z-index，继续失败；

3.尝试更换定位，依旧失败。

在这个地方也是卡了好几天，就在今天终于找到了一种方法。

pointer-events: none

没错，就是这个，顾名思义为鼠标事件拜拜，这个属性真的是超级神奇，把一个图层虚化，将其标为浮云，正好解决我的问题。

而这个属性和

display：none

有什么区别呢，pointer-events: none就像海市蜃楼一样，看得见，摸不着，而display：none呢，就好比国王的新衣，看不见又摸不着，但是在某种宏观意义上说，又是存在的。可以说display：none就好比pointer-events: none再加上一个opacity：0，突然想起王者荣耀里面后羿的一句话，贯穿hiahiahia，好了 继续加油 每天都要元气满满。