1、display: none:渲染樹不會包含該渲染對象,因此該元素不會在頁面中占據位置,也不會響應綁定的監聽事件。
2、visibility: hidden:元素在頁面中仍占據空間,但是不會響應綁定的監聽事件。
3、opacity: 0:將元素的透明度設置為 0,以此來實現元素的隱藏。元素在頁面中仍然占據空間,并且能夠響應元素綁定的監聽事件。
4、position: absolute:通過使用絕對定位將元素移除可視區域內,以此來實現元素的隱藏。
5、z-index: 負值:來使其他元素遮蓋住該元素,以此來實現隱藏。
6、clip/clip-path :使用元素裁剪的方法來實現元素的隱藏,這種方法下,元素仍在頁面中占據位置,但是不會響應綁定的監聽事件。
7、transform: scale(0,0):將元素縮放為 0,來實現元素的隱藏。這種方法下,元素仍在頁面中占據位置,但是不會響應綁定的監聽事件。