我们常见得显示与隐藏有3种方法

1. display
   为一个元素设置display：none；使元素隐藏。
   设置display：block；是元素显示
   这样设置可以使元素脱离普通流，不占位置，不会影响到网站的布局。
2. visibility
   visibility：hidden；隐藏
   visibility：visible；显示
   用visibility设置隐藏后元素不会脱离普通流，还会占据位置，所以隐藏厚会变为一个空白区域，影响网站美观。
3. 透明度
   opacity
   opacity：0；完全透明即隐藏
   opacity：1；显示
   或者使用rgba()也可以设置透明度
   opacity会将元素内部的内容同样设置为透明，而rgba()只会将背景设置为透明，里面的内容还会显示。
   使用透明度设置显示与隐藏和visibility相似，同样
   不会脱离普通流。