# 介绍隐藏页面中某个元素的几种方法

Issue

欢迎在 Issue 中交流与讨论: Issue 452 (opens new window)

# 01 display: none

通过 CSS 操控 display,移出文档流

display: none;

# 02 opacity: 0

透明度为0,仍在文档流中,当作用于其上的事件(如点击)仍有效

opacity: 0;

# 03 visibility: hidden

透明度为0,仍在文档流中,当作用于其上的事件(如点击)无效,这也是 visibility:hiddenopacity: 0 的区别

visibility: hidden;

# 03 绝对定位于当前页面的不可见位置

position: absolute;
top: -9000px;
left: -9000px;
Last Updated: 1/17/2021, 2:02:56 PM