有哪些方式(css)可以隐藏页面元素
- opacity : 0;本质上是把元素的透明度设为0,这样看起来就把元素元素隐藏了,但是仍然占据着空间,且可以进行交互
- visiblity : hidden;与上一个方法效果类似, 占据空间,但是不可以交互
- overflow : hidden ; 这个只是隐藏了元素溢出的部分,但是占据空间且不可交互
- display : none ; 这是彻底隐藏元素,元素从文档流中消失,既不占用空间,也不影响布局
- z-index : 999 ; 原理是将层级置于最下面,这样就被其他元素覆盖了,看起来隐藏
- transform : scale(0,0) ; 平面交换。将元素缩放为0,但是仍然占据空间,但不可交互
- 通过绝对定位移到可视区域外
- clip-pathj进行裁剪
- 块级元素宽高为0