隐藏元素的三种方法的对比

隐藏元素有三种方法

1.display: none;

2.visible: hidden;

3.opacity: 0;

下面从 占据空间  点击事件  子元素是否收到影响  三个方面进行对比

占据空间：

1：不占据空间

2：占据空间

3：占据空间

点击事件：

1：不可触发点击事件

2：不可触发点击事件

3：可以触发点击事件

子元素是否收到影响：（指子元素重新设置样式是否可以显形）

1：受到影响

2：不受影响

3：受到影响