元素的显示与隐藏总结大全

不占位置：

1. Display:none,真正隐藏

2. height为0

缺点：如果里卖弄有文本的话,文本会留在原来的位置;可以配合以下属性使用

font-size:0px / oveflow:hideen /visibility:hideen

PS：

• （1）两者经常用于二级菜单的显示隐藏

1. （2）由于过渡，不能用display:block 与display:none,所以可选用

2. 标签{
   height:0;
   overflow:hidden;
   }

占位置：

3. Visibility:hidden

4. Opacity：0

5.Rgba背景色透明度为0，例如（0，255,0,0）

6. 背景改为透明，background-color：Transparent

7. 缩放占位置，transform:scale(0)

想要显示可以设为 transform:scale(1)