display:none与visibility:hidden的区别

display:none 设置该属性后,该元素下的元素都会隐藏,占据空间消失(会引起回流(重排)和重绘)

visibility:hidden 设置该元素后,元素虽然不可见了,但是依然占据空间(会引起重绘)

1)visibility具有继承性,子元素也会继承此属性
2)在CSS3的transition中支持visibility属性,但是不支持display,因为visibility会延迟执行提高用户体验