css使元素不可见的三个方法：display: none / visibility: hidden / opacity: 0

• display: none
  隐藏元素不占据空间结构,子元素显示状态始终跟父元素保持一致，会引起回流和重绘，不会遮挡其他元素的触发事件。
• visibility: hidden
  隐藏元素占据空间结构，子元素显示状态可根据需求设置不受父元素设置影响，会引起重绘，不会遮挡其他元素的触发事件。
• opacity: 0
  隐藏元素占据空间结构，子元素显示状态状态始终跟父元素保持一致，不一定引起重绘，会遮挡其他元素的触发事件。