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