不占位置:
1. Display:none,真正隐藏
2. height为0
缺点:如果里卖弄有文本的话,文本会留在原来的位置;可以配合以下属性使用
font-size:0px / oveflow:hideen /visibility:hideen
PS:
- (1)两者经常用于二级菜单的显示隐藏
- (2)由于过渡,不能用display:block 与display:none,所以可选用
-
标签{ 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)