Skip to content
📁 标签
CSS

如何隐藏一个元素

  1. opacity设置为0,隐藏元素,不会改变页面布局,如果这个元素绑定了一些事件,点击也会触发事件
  2. visibility设置为hidden,隐藏元素,不会改变页面布局,不会触发元素绑定的事件,会触发重绘
  3. display设置为none,隐藏元素,会改变页面布局,在布局中不再占有原有分配的空间,触发回流和重绘
  4. 利用position absolute,将元素移动在页面之外。
  5. 设置scale为0,使得无法看到,不会改变页面布局。
  6. z-index设置为负值
  7. 通过clip/clip-path裁切元素隐藏