區(qū)別如下：

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

display: none的元素不占據(jù)任何空間，visibility: hidden的元素空間保留；

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

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

株連性：display: none的節(jié)點(diǎn)和子孫節(jié)點(diǎn)元素全都不可見，visibility: hidden的節(jié)點(diǎn)的子孫節(jié)點(diǎn)元素可以設(shè)置 visibility: visible顯示。visibility: hidden屬性值具有繼承性，所以子孫元素默認(rèn)繼承了hidden而隱藏，但是當(dāng)子孫元素重置為visibility: visible就不會被隱藏。