diaplay:none

如果是<img>，則所有瀏覽器都會請求資源

如果是background-image，則IE會請求，Firefox不會請求，有父元素包裹的且父元素設定display:none的不會請求

display:none並不影響表單提交資料，disabled會影響

H5新增的布林值屬性hidden,可以讓元素天生display:none隱藏。ie11以下需要如下設定：

[hidden] {
 display: none;
} 

dispaly:none不會影響animation，但會影響transition，所以transition和visibility走的比較近

CSS計數器counter會忽略display:none的元素

visibility:hidden

不僅僅是保留空間這麼簡單

繼承性：父元素設定，子元素也會隱藏，但子元素設定visibility:visable則子元素顯示

 visibility不會影響計數器counter

t'ransition支援visibility屬性，但不支援display屬性

相比display:none，visibility:hidden在隱藏之後依然可以獲得元素的座標及寬高，利於js互動