1、DOM结构

display：会让元素完全从渲染树中消失，渲染的时候不占据任何空间，不能点击。

visibility：不会让元素从渲染树消失，元素继续占据空间，只是内容不可见，不能点击。

opacity：不会让元素从渲染树消失，元素继续占据空间，只是内容不可见，可以点击。

2、继承

display：非继承属性，子孙节点不被渲染，子孙节点修改属性不改变本身显隐。

visibility：继承属性，子孙节点的消失由于继承了hidden，通过设置visibility: visible，可以让子孙节点显示。

opacity：继承属性，子孙节点会继承，但是子孙节点修改属性不改变本身显隐。

3、性能

display：动态改变此属性时会引起重排，性能较差。

visibility：动态改变此属性时只会引起本元素重绘，性能较好

opacity：提升到合成层后，不会触发重绘，否则只引起本元素重绘，性能较好

4、transition

display：不支持

visibility：会立即显示，隐藏时会延时

opacity：可以延时显示和隐藏，产生渐显渐隐