首语:
visibility,display,opacticy三种css属性都有让元素‘消失’的特性;但是三者在本质上还是有区别的
visibility:hidden | display:none | opacity:0 | |
页面空间 | 占据 | 不占据 | 占据 |
能否点击(意味着能否触发方法) | 不能 | 不能 | 能 |
后台元素 | 消失 | 隐藏失效(子元素应用visibility:visible,则该子元素又会出现) | 消失 |
渲染 | 是 | 否 | 否 |
回流 | 是 | 否 | 否 |
visibility:hidden | display:none | opacity:0 | |
页面空间 | 占据 | 不占据 | 占据 |
能否点击(意味着能否触发方法) | 不能 | 不能 | 能 |
后台元素 | 消失 | 隐藏失效(子元素应用visibility:visible,则该子元素又会出现) | 消失 |
渲染 | 是 | 否 | 否 |
回流 | 是 | 否 | 否 |