1.display:none
- 元素在页面上消失，不占据空间
- 导致浏览器的重排和重绘
- 无法被选取
2.visibility:hidden
- 元素在视觉上隐藏，仍占据空间
- 不会出发重排，因为几何信息没变，但会出发重绘
- 无法被选取
3. opacity: 0
- 透明度设置为0，仍占据页面位置
- 触发重排，重绘
- 在页面上可以被选取到，所以会响应点击事件
4.把盒子模型相关属性全部设置为0
- 在页面上消失，跟display:none一个效果
5.position:absolute
- 把元素移出可视区域
6.clip-path裁剪
clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px);
