了解display:none和visibility:hidden的区别

display:none:

　　　　a.会让元素从渲染树中消失，渲染的时候不占据任何空间；

　　　　b.是非继承属性，子孙节点消失是由于元素从渲染树中消失造成，通过修改子孙节点的属性无法显示；

　　　　c.读屏器不会读取display：none元素内容

 

visibility:hidden:

　　　　a.不会让元素从渲染树中消失，渲染的时候仍然占据空间，只是内容不可见。

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

　　　　c.会读取visibility：hidden的元素内容