1、display:none隐藏 display:black 显示
2、visibility: hidden 隐藏 visibility: visible 显示
3、 opacity: 0 隐藏 opacity：1 显示
其三者的区别：
1、时间绑定
display 的元素已经不再页面 所及无法触发上面的绑定时间
visibility: hidden ：元素上绑定的时间也无法触发
opacity：透明度为0 其实际还在 所及可以触发上边的绑定时间
2、对于空间的占用
display:none 隐藏的时候不占空间 然后显示的时候自动占空间
hidden：隐藏的时候也会占据实际空间
opacity：是让元素产生透明度
3、visibility具有继承性，给父元素设置visibility:hidden;子元素也会继承这个属性。但是如果重新给子元素设置visibility: visible,则子元素又会显示出来。这个和display: none有着质的区别
版权声明：本文为m0_52943868原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。