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