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