隐藏元素的方法有哪些

display：none

渲染树不会包含该渲染对象，因此该元素不会在页面中占据位置

visibility：hidden

元素在页面中仍占据空间

opacity: 0

将元素的透明度设置为 0，以此来实现元素的隐藏。元素在页面中仍然占据空间

position: absolute

通过使用绝对定位将元素移除可视区域内，以此来实现元素的隐藏。

z-index: 负值

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

clip/clip-path

使用元素裁剪的方法来实现元素的隐藏，这种方法下，元素仍在页面中占据位置

transform: scale(0,0)

将元素缩放为 0，来实现元素的隐藏。这种方法下，元素仍在页面中占据位置