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,好了 继续加油 每天都要元气满满。

你可能感兴趣的:(pointer-events: none;)