visibility=”hidden”
- visibility=”hidden”表示(仅)隐藏,不可恢复。当visibility被设置为”hidden”的时候,元素虽然被隐藏了,仍然占据它原来所在的位置。visibility会保留元素的位置。元素被隐藏之后,就不能再接收到其它事件了,也不能再接收响应到事件了,因此也就无法通过JS令其显示出来。
同时,该属性不会引起页面的reflow和repaint(回流与重绘);
display=”none”
- display=”none”隐藏(元素消失),可恢复。当display被设置为”none”的时候,除了元素隐藏之外,与visibility=”hidden”完全相反。即会引起reflow和repaint的同时还会接受响应事件。