2022-03-01 CSS方式隐藏页面元素

• opacity: 0：本质上是将元素的透明度将为0，就看起来隐藏了，但是依然占据空间且可以交互
• visibility: hidden：与上一个方法类似的效果，占据空间，但是不可以交互了
• overflow: hidden：这个只隐藏元素溢出的部分，但是占据空间且不可交互
• display: none：这个是彻底隐藏了元素，元素从文档流中消失，既不占据空间也不交互，也不影响布局
• z-index: -9999：原理是将层级放到底部，这样就被覆盖了，看起来隐藏了
• transform: scale(0, 0)：平面变换，将元素缩放为0，但是依然占据空间，但不可交互