二者都能把網頁上某個元素隱藏起來,在視覺效果上沒有區別,但在一些DOM操作中二者還是有所不同的。 display:none 使用該屬性後,元素的寬度、高度等各種屬性值都將“丟失”。(元素徹底消失,通俗來說就是看不見也摸不到。) visibility:hidden 使用該屬性後,僅僅是在視覺上看不見( ...
二者都能把網頁上某個元素隱藏起來,在視覺效果上沒有區別,但在一些DOM操作中二者還是有所不同的。
display:none
使用該屬性後,元素的寬度、高度等各種屬性值都將“丟失”。(元素徹底消失,通俗來說就是看不見也摸不到。)
visibility:hidden
使用該屬性後,僅僅是在視覺上看不見(完全透明),而元素所占據的空間位置仍然存在,也即是說它仍具有高度、寬度等屬性值。(元素在網頁上所占的空間沒有改變,看不見但摸得到。)
:)