opacity:0 透明度设置为0从而达到隐藏效果,但是依旧可以触发事件

display:none 不能触发事件,不占页面位置,触发重绘和回流

visibility:hidden 不能触发事件,占据页面位置,触发回流

重绘:

当元素的表现样式,例如font-size,background-color..发生改变时,会触发重绘

回流:

当影响页面布局,比如border,width,height..发生改变时,会触发回流

回流必定触发重绘

重绘不一定触发回流