CSS元素消失的方法

一、display:none

元素直接从页面消失，不占据空间，也不会响应监听事件，渲染树也不会渲染。

二、visibility：hidden

元素会在页面占据空间，但是不会响应监听事件。

三、opacity：0

将元素的透明度设为0，隐藏元素，会占据空间，也会响应监听事件。

四、position: absolute

绝对定位，脱离文档流，将元素移出可视区域。

五、Z-index：负值

其他元素遮盖住该元素，以此来实现隐藏。

六、clip/clip-path

使用元素裁剪的方法来实现元素的隐藏，这种方法下，元素仍在页面中占据位置，但是不会响应绑定的监听事件。

七、transform: scale(0,0)

将元素缩放为 0，来实现元素的隐藏，这种方法下，元素仍在页面中占据位置，但是不会响应绑定的监听事件。

八、color

将元素背景或文字等元素改为透明色，去掉边框也可实现隐藏。