display: none 不占空间,不能点击,把元素隐藏起来,浏览器不会生成该属性,相当于没有,改变此属性会引起重排,transition无效,但是好处是在该元素上进行DOM操作不会引发回流和重绘,但设置该属性本身会引发回流,性能不好,子元素也无法显示
visibility: hidden 占据空间,不能点击,元素隐藏但不消失,不会改变html原有样式,动态改变此属性会引起重绘,支持transition,子元素设置visible可以出现
opacity: 0 占据空间,可以点击,相当于透明,用animation不引发重绘,一般引起重绘,可用transition,子元素不能取消隐藏