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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容