CSS透明屬性詳解

• opacity: 0.5; 這是最重要的，因為它是CSS標準.該屬性支援firefox,
  Safari和 Opera.
• filter:alpha(opacity=50); 這個是為IE6設的，可取值在0-100，其它三個0到1.
• -moz-opacity:0.5; 這個是為了支援一些老版本的Mozilla瀏覽器。
• -khtml-opacity: 0.5; 這個為了支援一些老版本的Safari瀏覽器。

但CSS的透明屬性涉及到一個繼承問題，當為父級元素設定透明度後，子項目將自動繼承其透明度。

提示：

1. 對於子項目是文字的情況，一般是如果多少還能夠看清，就不管。

另一個折衷的方法是，為文本子項目指定一個相對更深的顏色。也就是說，當子項目繼承透明度後，所得到的文本顏色正好就是你想要的

2. 對於圖層，可使用絕對位置的辦法。

3 .  用於按鈕hover 效果，屬於懶人做法。