html 元素的隐藏与显示

通过display

隐藏:设置display:none;

显示:修改display: block; 或者修改display为其他值

设置visibility

隐藏: visibility: hidden;

显示: visibility: visible;

设置元素高度

隐藏: 设置元素height:0;同时设置overflow: hidden;

显示：恢复元素原来的高度

设置opacity

隐藏: 设置opacity: 0;

显示: 修改opacity: 1;

设置position

隐藏: 将position改为绝对定位，并给予负值使其移出视口

显示: 将其定位恢复正常