用opacity方法来隐藏元素后,照样可以触发绑定在其身上的点击事件

今天运营小姐姐跑过来的时候,说要把一个左上角的“规则”图标隐藏掉,于是乎,我就用opacity:0;隐藏掉了元素,发布到了线上。
用opacity方法来隐藏元素后,照样可以触发绑定在其身上的点击事件
过了一会儿时间,运营小姐姐跑过来说,虽然规则图标看不见了,但是点击的话,照样能触发弹窗,要求再改动,点击那块空白的地方,不能有弹窗出现。
我后面用了display:none隐藏掉了此元素,再点击发现没有任何反应,完成了此小姐姐的需求。

总结:用opacity方法来隐藏元素后,照样可以触发绑定在其身上的点击事件,建议用display来做。

上一篇:Html4与Html5的关键区别


下一篇:How to decide on the correct number of clusters?