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