display:none和visibility:hidden的區別

 

兩者都能把網頁上某個元素隱藏起來，在視覺效果上沒有區別，但在一些DOM操做中兩者仍是有所不一樣的。

 

display:none

使用該屬性後，元素的寬度、高度等各類屬性值都將「丟失」。(元素完全消失，通俗來講就是看不見也摸不到。)

 

visibility:hidden

使用該屬性後，僅僅是在視覺上看不見（徹底透明），而元素所佔據的空間位置仍然存在，也便是說它仍具備高度、寬度等屬性值。(元素在網頁上所佔的空間沒有改變，看不見但摸獲得。)

 

 

 

 

：)