display:none和visibility:hidden都是把網(wǎng)頁(yè)上某個(gè)元素隱藏起來(lái)的功能，
但兩者有所區(qū)別，經(jīng)過(guò)親自實(shí)驗(yàn)，我發(fā)現(xiàn)使用 visibility:hidden屬性會(huì)使對(duì)
象不可見，但該對(duì)象在網(wǎng)頁(yè)所占的空間沒有改變（看不見但摸得到），
等于留出了一塊空白區(qū)域，而 display:none屬性會(huì)使這個(gè)對(duì)象徹底消失
（看不見也摸不到）。
”這樣的解釋。
但是我覺得并不夠，所以就想了一下關(guān)于他的一個(gè)加載問(wèn)題。
有屬性display:none;的結(jié)構(gòu)在加載頁(yè)面時(shí)，是否會(huì)同時(shí)加載呢？
或則是當(dāng)他變成display:block;的時(shí)候才加載的呢？
有屬性visibility:hidden; 的結(jié)構(gòu)在加載頁(yè)面時(shí)，
是否會(huì)同時(shí)加載呢？或則是當(dāng)他變成visibility:visible; 的時(shí)候才加載的呢？
個(gè)人的看法是：
display:;當(dāng)他的值變成block 的時(shí)候，它所在的結(jié)構(gòu)才會(huì)被加載進(jìn)來(lái)。
而visibility就會(huì)在加載頁(yè)面的同時(shí)就已經(jīng)把它加載進(jìn)來(lái)了，
因?yàn)樗闹禐閔idden的時(shí)候，它所占的空間還在。
【 微信掃一掃 】
