首页 > Web开发 > 详细

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

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

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

原文:https://www.cnblogs.com/mwxz/p/14109994.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!