display:none;
元素从Render tree上被拿下
不参与layout过程，其宽度和高度不会影响渲染
visibility：hidden;
元素还在Render tree上
参与layout过程，宽度和高度影响渲染，但是内容透明
把元素的宽度或者高度设置为0
幻灯片等使用情况下，通过z-index让其他元素覆盖本元素。
display:none和visibility:hidden的区别？以及还有什么方法可以让元素消失？
原文：https://www.cnblogs.com/Friday1/p/14696802.html