display: none;與visibility: hidden;的區(qū)別
喵喔喔
2018-04-09 09:24:54
3 回答
已采納
一只斗牛犬
TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超2個(gè)贊
聯(lián)系：它們都能讓元素不可見(jiàn)
區(qū)別：
display:none;會(huì)讓元素完全從渲染樹(shù)中消失，渲染的時(shí)候不占據(jù)任何空間；visibility: hidden;不會(huì)讓元素從渲染樹(shù)消失，渲染師元素繼續(xù)占據(jù)空間，只是內(nèi)容不可見(jiàn)display: none;是非繼承屬性，子孫節(jié)點(diǎn)消失由于元素從渲染樹(shù)消失造成，通過(guò)修改子孫節(jié)點(diǎn)屬性無(wú)法顯示；visibility: hidden;是繼承屬性，子孫節(jié)點(diǎn)消失由于繼承了hidden，通過(guò)設(shè)置visibility: visible;可以讓子孫節(jié)點(diǎn)顯式修改常規(guī)流中元素的
display通常會(huì)造成文檔重排。修改visibility屬性只會(huì)造成本元素的重繪。讀屏器不會(huì)讀取
display: none;元素內(nèi)容；會(huì)讀取visibility: hidden;元素內(nèi)容
慕粉1103124771
TA貢獻(xiàn)16條經(jīng)驗(yàn) 獲得超1個(gè)贊
display：none,整個(gè)標(biāo)簽，內(nèi)容都隱藏，visibility：hidden是只是內(nèi)容隱藏
添加回答
舉報(bào)
0/150
提交
取消