CSS 隐藏元素的方法

1. display:none;
   通过设置元素CSS的displays属性为none来使元素消失，该方法隐藏的元素不占据页面空间
2. oapcity:0;
oapcity属性的作用是控制元素的透明度，当值为0的时候该元素完全不可见，但仍然存在页面上，占据页面空间
3. visibility:hidden;
visibility属性旨在控制元素的可见性，设置为hidden时不可见，占据页面空间，与opacity:0效果相同
4. position:absolute;left:-9999px
   通过绝对定位控制元素的位置，把他移除视窗之外来实现隐藏元素的效果；也可以通过绝对定位position:fixed实现该效果
5. clip-path: circle(0%);
   通过裁剪工具隐藏元素，该方法的效果与visibility:hidden;一致