有哪些方式(css)可以隐藏页面元素

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