1. display:none
-
设置display:none,让这个元素消失
-
消失不占据原本任何位置
-
连带子元素一起消失
-
元素显示:display:block
2. visibility:hidden
-
元素消失,只是视觉消失,在页面中实际存在,对布局依然起作用
-
元素显示:visibility:visible
3. opacity:0
-
opacity值为0代表透明度为0
-
元素完全透明,视觉上消失,页面实际存在,依然对布局起作用
-
0-1之间代表透明度,值为1则元素完全显示