visibility=”hidden”
- visibility=”hidden”表示(僅)隱藏,不可恢復。當visibility被設置爲”hidden”的時候,元素雖然被隱藏了,仍然佔據它原來所在的位置。visibility會保留元素的位置。元素被隱藏之後,就不能再接收到其它事件了,也不能再接收響應到事件了,因此也就無法通過JS令其顯示出來。
同時,該屬性不會引起頁面的reflow和repaint(迴流與重繪);
display=”none”
- display=”none”隱藏(元素消失),可恢復。當display被設置爲”none”的時候,除了元素隱藏之外,與visibility=”hidden”完全相反。即會引起reflow和repaint的同時還會接受響應事件。