visibility可見性，用於顯示隱藏元素，但是保留原來的位置。
inherit
繼承visible
可見的（預設的）
hidden
隱藏元素後，占用原來的位置
visibility（可見性）的常見用法：
由於預設屬性值是顯示。所以三個小盒子都顯示。
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>
div.one
.two
.three
style
>
head
>
>
class
="one"
>
div>
class
="two"
>
div>
class
="three"
>
div>
body
>
html
>
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>
div.one
.two
.three
style
>
head
>
>
class
="one"
>
div>
class
="two"
>
div>
class
="three"
>
div>
body
>
html
>
如果隱藏元素想要原來位置，就用visibility：hidden
如果隱藏元素不想要原來位置，就用display：none
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>
.one,.two,.three
.one
.two
.three
.four,
.five
style
>
head
>
>
class
="one"
>
class
="four"
>
div>
div>
class
="two"
>
class
="five"
>
div>
div>
class
="three"
>
div>
body
>
html
>
1.由於給第乙個綠色大盒子設定了不顯示，所以，第乙個盒子裡的藍色小盒子繼承了大盒子hidden屬性，也不顯示。
2.第二個藍色小盒子繼承了粉色的大盒子的顯示預設屬性visible，所以顯示。
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>
.one,.two,.three
.one
.two
.three
.four,
.five
style
>
head
>
>
class
="one"
>
class
="four"
>
div>
div>
class
="two"
>
class
="five"
>
div>
div>
class
="three"
>
div>
body
>
html
>
Visibility 屬性的用法
值 描述 visible 預設值。元素是可見的。hidden 元素是不可見的。collapse 當在 元素中使用時，此值可刪除一行或一列，但是它不會影響 的布局。被行或列佔據的空間 會留給其他內容使用。如果此值被用在其他的元素上，會呈現為 hidden inherit 規定應該從父元素繼承 visi...
visibility和display的區別和用法
div的visibility可以控制div的顯示和隱藏，但是隱藏後頁面顯示空白 style visibility none document.getelementbyid typediv1 style.visibility hidden 隱藏 document.getelementbyid type...
display和visibility的用法和區別
大多數人很容易將css屬性display和visibility混淆，它們看似沒有什麼不同，其實它們的差別卻是很大的。visibility和display兩個屬性都有隱藏元素的功能。visibility屬性所控制的元素雖然不在瀏覽器裡面顯示出來，但他在瀏覽區里是存在的，只是不顯示而已。而display...