有哪些⽅式（CSS）可以隐藏⻚⾯元素？

1.        opacity:0 ：本质上是将元素的透明度将为0，就看起来隐藏了，但是依然占据空间且可以交互;

2.      visibility:hidden : 与上⼀个⽅法类似的效果，占据空间，但是不可以交互了;

3.        overflow:hidden : 这个只隐藏元素溢出的部分，但是占据空间且不可交互;

4.        display:none : 这个是彻底隐藏了元素，元素从⽂档流中消失，既不占据空间也不交互，也不影响布局;

5.        z-index:-9999 : 原理是将层级放到底部，这样就被覆盖了，看起来隐藏了;

6.        transform: scale(0,0) : 平⾯变换，将元素缩放为0，但是依然占据空间，但不可交互;

7.        还有⼀些靠绝对定位把元素移到可视区域外;