隱藏元素的方法有哪些?
2022-08-17 11:17 作者:網(wǎng)星軟件 | 我要投稿
1.display: none:渲染樹不會包含該渲染對象,因此該元素不會在頁面中占據(jù)位置,也不會響應綁定的監(jiān)聽事件。
2.visibility: hidden:元素在頁面中仍占據(jù)空間,但是不會響應綁定的監(jiān)聽事件。
3.opacity: 0:將元素的透明度設置為 0,以此來實現(xiàn)元素的隱藏。元素在頁面中仍然占據(jù)空間,并且能夠響應元素綁定的監(jiān)聽事件。
4.z-index: 負值:來使其他元素遮蓋住該元素,以此來實現(xiàn)隱藏。
5.clip/clip-path :使用元素裁剪的方法來實現(xiàn)元素的隱藏,這種方法下,元素仍在頁面中占據(jù)位置,但是不會響應綁定的監(jiān)聽事件。
6.transform: scale(0,0):將元素縮放為 0,來實現(xiàn)元素的隱藏。這種方法下,元素仍在頁面中占據(jù)位置,但是不會響應綁定的監(jiān)聽事件。
標簽: