让元素消失的方法

单词

visibility 可见度、能见度、可见性、明显的

hidden 隐藏的、难以看见的、隐秘的

opacity 不透明度、不透明性、模糊、费解、难懂

display 展出、显露、显示

index 指数、指标、索引、标志、度量

visibility:hidden 让元素消失，但是元素仍然占据空间，同时visibility是可以被子元素继承的；父元素设置visibility:hidden; 子元素设置visibility:visible; 子元素可以显示出来；visibility不可以被JS控制；

opacity:0 让元素消失，本质是让元素变透明，但元素仍然占据空间；但是opacity属性是不会被继承的，并且opacity是让整个元素块变透明，所以即使设置子元素为opacity:1; 子元素也不会显示出来；并且opacity因为可以从0逐渐到1使元素逐渐显现，所以这个属性是可以被JS控制逐渐显现这个过程；

display:none 让元素消失，并且不占据空间，本质是把该元素从根节点上就隐藏；

给元素加定位属性+z-index:-999;

将元素的高度设为0并加上溢出隐藏：

height:0;

overflow:hidden;