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