方式

通过css实现隐藏元素方法有如下：

  • display:none
  • visibility:hidden
  • opacity:0
  • 设置height、width模型属性为0
  • position:absolute
  • clip-path

    区别

    |
    | display: none | visibility: hidden | opacity: 0 | | —- | —- | —- | —- | | 页面中 | 不存在 | 存在 | 存在 | | 重排 | 会 | 不会 | 不会 | | 重绘 | 会 | 会 | 不一定 | | 自身绑定事件 | 不触发 | 不触发 | 可触发 | | transition | 不支持 | 支持 | 支持 | | 子元素可复原 | 不能 | 能 | 不能 | | 被遮挡的元素可触发事件 | 能 | 能 | 不能 |