关于页面元素不可见的几种方法

1:最常用的是增加hide类，其实质是    .hide{display:none}      在平常的样式中我们自己也可以使用display: none来隐藏元素，在隐藏时，该元素不在dom节点出现，不占位，后面　的     dom元素会占用隐藏元素的位置

 

2:还有使用hidden类，    hidden的实质是visibility：hidden， 是html元素的语法，可以在样式中添加   visibility：hidden来隐藏该元素，但是注意的是该元素只是不可见，但是还在dom    节点中，占用原本位置。

 

3:还有一个css样式     opacity：0     opacity是指透明度。从0-1依次加深，在0时，其性质和hidden类似，都是不可见，并且都占用原本的位置，在opacity的值从0-1渐增中，所在节点的颜色也会逐渐加深，也在特殊时期设置字体的深浅度。