CSS中隐藏页面元素的方式

1.display:none;

不占据空间，无法响应点击事件，会导致浏览器重排和重绘；

2.visibility:hidden;

占据位置(dom存在)，无法响应点击事件，不会重排但会重绘；

3.opacity:0

占据位置，响应点击事件，不会重排但会重绘；

4.width:0;height:0;

不占据空间，无法响应点击事件

5.position:absolute;top:-9999px;left:-9999px;

把元素移除了可视区域

6.clip-path裁剪

clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px);

占据位置，无法响应点击事件

7.总结