saber 酱的抱枕

Fly me to the moon

02/17
2015
学习

CSS的pointer-events属性

这个属性是我在查看飘雪效果的代码时发现的。

雪花所在的层拥有z-index属性,覆盖在整个页面上方。但是我们还需要对页面进行操作,所以用了pointer-events:none;这个属性,简言之,这个属性就是让当前对象被“无视”掉,其覆盖下的区域就像没有它存在一样,可以照常操作。

但是对于设置了pointer-events属性的对象自身来说,虽然鼠标可以穿透它,但键盘还是可能能focus到。关于此属性的较为全面的信息,可以参考此处

CSS的pointer-events属性