用CSS把東西隱藏的兩種方法

今天談用CSS隱藏物件的方式。有些隱藏後會完全消失，不佔位置，有些隱藏後位置還是會在。我盡量舉一些應用的例子來。大部分應用的例子都是「暫時看效果」，不然就是必須搭配javascript做些切換效果時用。

display:none;

用這種宣告方式的話，這東西就會像從沒出現過一樣。
ex.想要暫時把一個東西刪掉，看看效果的時候。
ex.用javascript製作tab換頁的功能的時候。
(之後會再寫文說明最簡單的javascript tab)

visibility:hidden;

用這種宣告方式的話，東西會隱藏起來，但他佔用的空間還是會在。
ex.如果有物件重疊了的話，可以先隱藏起來看他後面的東西。

visibility:collapse;

若是給table元素用，就會真的像沒出現過一樣，若是給一般元素，就會只是隱藏。

filter:Alpha(Opacity=0);opacity:0;

感謝eRic。
這種宣告方式是讓東西的透明度變0，也就是整個變透明。
前面的filter是給IE用的，後面是全部都可用。
想當然，變透明的話，它佔的空間還是會在，只是因為透明所以變得看不見。