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 通过将元素定位到屏幕外面,达到看不到的效果。