html父元素设置为visibility:hiddec,其子元素一并隐藏,但仍然能触发子元素点击事件!

页面用了一个弹出框。
通过设置div(父元素)的visibility属性来控制隐藏显示。
当父元素隐藏起来,点击页面的空白处,仍然能触发内部子元素的点击事件!
求大佬指点,在线等,急!

应该不会触发事件的,你用 display: none; 隐藏不就行了

visibility 只是控制透明度为1还是0,但还是存在于dom中,用display:none; 就行

visibility 属性规定元素是否可见。即使不可见的元素也会占据页面上的空间。也就是说哪怕不看不到,但他已然存着,所有他得各种触发时间一样会执行,如果你需要不触发时间,可以使用display属性, display: none; 即不显示该元素,而且不占用该空间,相当于不存在了,用户就无法点击到该元素了。

visibility指的是可见度,你设置为0虽然表面上已经看不到他了,但是他仍然在文档流中,只要你鼠标点击那个空白的区域就会触发事件,既要让它不可见,有不让他触发事件,就只能采用display:none,彻底脱离文档流的方式。