display:none與visibility:hidden的差別

差異如下：

（推薦教學：css快速入門）

display: none的元素不佔據任何空間，visibility: hidden的元素空間保留；

##display: none會影響css3的transition過渡效果，visibility: hidden不會；

display: none隱藏產生重繪( repaint ) 和回流( relfow )，visibility: hidden只會觸發重繪；

株連性：display: none的節點和子孫節點元素全都不可見，visibility: hidden的節點的子孫節點元素可以設定visibility: visible顯示。 visibility: hidden屬性值具有繼承性，所以子孫元素預設繼承了hidden而隱藏，但是當子孫元素重置為visibility: visible就不會被隱藏。

以上是display:none與visibility:hidden的差別的詳細內容。更多資訊請關注PHP中文網其他相關文章！