CSS display:none和visibility:hidden區別

你知道CSS display:none和visibility:hidden的區別嗎，這裏和你們分享一下，使用CSS display:none屬性後，HTML元素（對象）的寬度、高度等各類屬性值都將「丟失」;而使用visibility:hidden屬性後，HTML元素（對象）僅僅是在視覺上看不見（徹底透明），而它所佔據的空間位置仍然存在。

CSS display:none和visibility:hidden的區別

visibility:hidden隱藏，但在瀏覽時保留位置；CSS display:none視爲不存在，且不加載！

Overflow屬性值{visible|hidden|scroll|auto}前提是先要限制DIV的寬度（width）和高度（height）。兩者都是隱藏HTML元素，在視覺效果上沒有區別，但在一些DOM操做中兩者仍是有所不一樣的。

CSS display:none;

使用該屬性後，HTML元素（對象）的寬度、高度等各類屬性值都將「丟失」;

visibility:hidden;

使用該屬性後，HTML元素（對象）僅僅是在視覺上看不見（徹底透明），而它所佔據的空間位置仍然存在，也便是說它仍具備高度、寬度等屬性值。