display:none visibility:hidden opacity:0区别

1.display:none       隐藏不占据空间，子元素不继承，绑定的事件无法触发，transition无效
2.visibility:hidden  隐藏占据空间，子元素继承，设置子元素visibility：visible显示，绑定的事件无效，transition无效
3.opacity:0          隐藏占据空间，子元素继承，设置opacity：1不显示，绑定的事件可以触发，transition有效