一，display:none;
隱藏元素，不占網(wǎng)頁中的任何空間，讓這個元素徹底消失；將元素的顯示設(shè)為無，即在網(wǎng)頁中不占任何的位置，瀏覽器在載入網(wǎng)頁的時候會忽略這個元素，不會下載其內(nèi)容，瀏覽器打開速度會比沒有設(shè)置display屬性前要快；HTML元素（對象）的寬度、高度等各種屬性值都將“丟失”;
display: none; 不占據(jù)空間，無法點擊。
二，visibility:hidden;
把那個層隱藏了，在網(wǎng)頁中該占的位置還是占著，也就是你看不到它的內(nèi)容但是它內(nèi)容所占據(jù)的空間還是存在的，visibility屬性并不能減少瀏覽器打開網(wǎng)頁的速度，它在瀏覽區(qū)里是存在的，瀏覽器打開網(wǎng)頁的時候已經(jīng)下載了這個元素，只是不顯示而已，并且在瀏覽器顯示的頁面中也要占他本身大小的位置，而這個位置顯示的是空白而已，HTML元素（對象）僅僅是在視覺上看不見（完全透明），而它所占據(jù)的空間位置仍然存在，也即是說它仍具有高度、寬度等屬性值。
visibility: hidden; 占據(jù)空間，無法點擊