Skip to content

通过 css 隐藏元素的方式

display:none

特点:元素不可见,不占据空间,无法响应点击事件

visibility:hidden

特点:元素不可见,占据页面空间,无法响应点击事件

opacity:0

特点:改变元素透明度,元素不可见,占据页面空间,可以响应点击事件

设置 width、height 模型属性为 0

特点:元素不可见,不占据页面空间,无法响应点击事件

position:absolute

特点:元素不可见,不影响页面布局

css
.hide {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

clip-path

特点:元素不可见,占据页面空间,无法响应点击事件

css
.hide {
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
}