隐藏元素的三种方式

display: none

此类元素已不再占据页面空间，会引起回流

其子元素无法通过改变 display 来显示

在其身上的监听事件也不会触发

visibility: hidden

此类元素依然占据页面空间，同理不会改变页面布局，所以不触发回流

同样点击事件也不会触发

但是子元素可以浮现

opacity: 0

不会改变页面布局，点击事件可以被响应

当我们需要让一个不可见元素依然可以响应事件时，应该使用 opacity 隐藏