使用CSS隱藏HTML元素的四種經常使用方法

CSS隱藏HTML元素的四種經常使用方法

1.opacity：設置opacity: 0能夠使一個元素變得徹底透明。

設置的透明度會被子元素繼承，並且沒法取消。 

一般能夠使用opacity屬性來製做元素的淡入淡出效果。

設置opacity:1能夠使透明元素變得可見。

2.visibility： 是許多人在隱藏某個HTML元素時的首選。

visibility:hidden視覺上看不見，但它所佔據空間的位置仍然存在。

3.display:none它是position:absolute和visibility: hidden;的折中方法。

設置該屬性後，該對象會在頁面上完全消失,而且不會再佔用文檔的空間。

將元素設置爲display: block或其它值能夠使元素再次可見。

4.transparent:用於background-color：transparent；單純的把背靜或者border屬性變成透明色，對子元素不會影響。

*其中咱們須要注意opacity它是適用除IE瀏覽器之外的全部瀏覽器。

filter:Alpha(opacity=50)是針對IE瀏覽器所用的透明屬性。

 

設置opacity: 0能夠使一個元素變得徹底透明