【前端基础】HTML元素隐藏的四个方法（display设置为none、visibikity设置为hidden、rgba设置颜色、opacity设置透明度）

HTML元素隐藏的四个方法

1、display设置为none

• 元素不显示出来。
• 不占位置，也没有任何空间。就不存在一样。

2、visibility设置为hidden

• 默认：visible。元素可见
• 设置为hidden：元素不可见，但是会占据这个元素应该占用的空间。

3、rgba设置颜色，将a的值设置为0

• rgba的a设置的是alpha值，可以设置透明度，不影响子元素。

图片就很明显，没有改变透明度。

这就是隐藏的效果：不影响子元素。

4、opacity设置透明度，设置为0

• 设置整个元素的透明度，会影响所有的子元素。

5、rgba和opacity的效果对比