通过css的哪些方式可以实现隐藏页面上的元素？

1：opacity:0    通过将元素的透明度设置为o，实现隐藏效果，但是依然会占用空间并可以进行交互。

2：visibility:hidden  与透明度度为0的方案类似，会占据空间，但不可以进行交互。

3：Overflow:hidden  只会隐藏元素溢出的部分，占据空间不可交互。

4：Display:none. 可以彻底隐藏元素并从文档流消失，不占据空间也不能交互，👎不影响布局。

5：Z-index:-99999  将元素的层级设置为最底层，让其他元素覆盖着它，达到看起来隐藏的效果，

6：Transform:scale(0,0) 通过将元素进行缩放，缩小为0，依然会占据空间，但不可交互。

7：Left: -9999px 通过将元素定位到屏幕外面，达到看不到的效果。