当前位置: 首页 > Web前端 > CSS

踩了pointer-events-none的坑

时间:2023-03-31 01:55:57 CSS

bug出现了:前端同事跟我说:你把这一段加到全局cssimg{pointer-events:none}然后,悲剧了,我找到我的后上网图片不可点击。Bug解决:无奈之下,把需要点击的img标签都包裹了一层div,把点击事件移到div里面,ok,但是不知道自己做了什么导致出现这样的问题。Bug分析:今天仔细回想,想到上线前加上上面的代码,又去百度了下pointer-events:none,恍然大悟,怪自己太肤浅了。..知道了之后,我去F12看元素的属性,发现加上pointer-events:none后,点了这个按钮也无法选中元素。这属性是不是太强了!!!bug扩展:继续百度这个属性,发现这个属性有很多神奇的用法。具体例子如:http://baijiahao.baidu.com/s?...https://www.zhangxinxu.com/wo...以后需要给页面加一层mask,但是你可以点击你可以考虑这个属性用于以下元素(点击通过)。