display-none-visibilty-hidden

visibility=”hidden”

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

display=”none”

  • display=”none”隱藏(元素消失),可恢復。當display被設置爲”none”的時候,除了元素隱藏之外,與visibility=”hidden”完全相反。即會引起reflow和repaint的同時還會接受響應事件。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章