1、DOM结构
display：会让元素完全从渲染树中消失，渲染的时候不占据任何空间，不能点击。
visibility：不会让元素从渲染树消失，元素继续占据空间，只是内容不可见，不能点击。
opacity：不会让元素从渲染树消失，元素继续占据空间，只是内容不可见，可以点击。
2、继承
display：非继承属性，子孙节点不被渲染，子孙节点修改属性不改变本身显隐。
visibility：继承属性，子孙节点的消失由于继承了hidden，通过设置visibility: visible，可以让子孙节点显示。
opacity：继承属性，子孙节点会继承，但是子孙节点修改属性不改变本身显隐。
3、性能
display：动态改变此属性时会引起重排，性能较差。
visibility：动态改变此属性时只会引起本元素重绘，性能较好
opacity：提升到合成层后，不会触发重绘，否则只引起本元素重绘，性能较好
4、transition
display：不支持
visibility：会立即显示，隐藏时会延时
opacity：可以延时显示和隐藏，产生渐显渐隐
3470
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
