一，display:none;
隱藏元素，不占網頁中的任何空間，讓這個元素徹底消失；將元素的顯示設為無，即在網頁中不占任何的位置，瀏覽器在載入網頁的時候會忽略這個元素，不會下載其內容，瀏覽器打開速度會比沒有設置display屬性前要快；HTML元素（對象）的寬度、高度等各種屬性值都將“丟失”;
display: none; 不占據空間，無法點擊。
二，visibility:hidden;
把那個層隱藏了，在網頁中該占的位置還是占著，也就是你看不到它的內容但是它內容所占據的空間還是存在的，visibility屬性并不能減少瀏覽器打開網頁的速度，它在瀏覽區里是存在的，瀏覽器打開網頁的時候已經下載了這個元素，只是不顯示而已，并且在瀏覽器顯示的頁面中也要占他本身大小的位置，而這個位置顯示的是空白而已，HTML元素（對象）僅僅是在視覺上看不見（完全透明），而它所占據的空間位置仍然存在，也即是說它仍具有高度、寬度等屬性值。
visibility: hidden; 占據空間，無法點擊
display:none visibility:hidden 之間的區別
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
推薦閱讀更多精彩內容
- 前端開發者丨http請求 https:www.rokub.com 前言見解有限， 如有描述不當之處， 請幫忙指出，...
