CSS教程：詳解visibility屬性CSS控制內(nèi)容顯示_CSS教程

　　MB5U.com原創(chuàng)，未經(jīng)本站同意，嚴(yán)禁轉(zhuǎn)載！

　　我們先看看什么是CSS的visibility屬性？

　　設(shè)置或檢索是否顯示對(duì)象。
　　請(qǐng)區(qū)別與display屬性不同，此屬性為隱藏的對(duì)象保留其占據(jù)的物理空間。也就是說：
　　visibility屬性取值為hidden時(shí)，只是改變了元素的可見性，元素所占有的空間依然存在。
　　visibility是一個(gè)不可繼續(xù)的屬性，假如希望對(duì)象為可視，其父對(duì)象也必須是可視的。

　　CSS的visibility屬性有些哪取值？

　　inherit：繼續(xù)上一個(gè)父對(duì)象的可見性
　　visible：對(duì)象可視
　　hidden：對(duì)象隱藏
　　collapse：主要用來隱藏表格的行或列。隱藏的行或列能夠被其他內(nèi)容使用。對(duì)于表格外的其他對(duì)象，其作用等同于hidden。IE5.5尚不支持此屬性。

　　我們看下面的兩個(gè)例子來理解visibility屬性：

　　我們?cè)谖淖种胁迦胍粋�(gè)圖片，請(qǐng)注重文字與圖片的位置。

　　我們對(duì)圖片應(yīng)用visibility:hidden，再來看看效果。

　　我們發(fā)現(xiàn)圖片不見了，但它所占的空間依然存在，文字的位置沒有發(fā)生任何的變化。

　　MB5U.com原創(chuàng)，未經(jīng)本站同意，嚴(yán)禁轉(zhuǎn)載！