如何隐藏一个元素
- opacity设置为0,隐藏元素,不会改变页面布局,如果这个元素绑定了一些事件,点击也会触发事件
- visibility设置为hidden,隐藏元素,不会改变页面布局,不会触发元素绑定的事件,会触发重绘
- display设置为none,隐藏元素,会改变页面布局,在布局中不再占有原有分配的空间,触发回流和重绘
- 利用position absolute,将元素移动在页面之外。
- 设置scale为0,使得无法看到,不会改变页面布局。
- z-index设置为负值
- 通过clip/clip-path裁切元素隐藏