習慣上說「透明度」，其實應該叫「不透明度」。opacity 意思：不透明，而背景色的預設值：transparent意思才是「透明的」。所以opacity用來設定不透明度，取值從[0.0~1.0]，代表從完全透明到完全不透明，0.0就和transparent一樣了，看不到但是實實在在存在。
預設值：1，完全不透明。
inherited:預設繼承。所以給父元素設定opacity時，所有子元素也會繼承opacity屬性。
---------------------------文字和背景色都受到不透明度級別的影響。
文字和背景色都受到不透明度級別的影響。
所有瀏覽器都支援opacity屬性，ie8及更早的版本支援替代的filter屬性。
filter:alpha(opacity=number)，中number取值[0~100],0完全透明，100不透明。
所以為相容可寫為：
.opacity父元素設定opacity，子元素也設定opacity，在ie下子元素設定的opacity不起作用，在ff和chrome下，子元素最終的opacity=父元素opacity*子元素opacity。這樣就可以解釋為什麼父元素設定了不透明度後，子元素設定不透明度為1【即完全不透明】但不生效了。例子：view code
可以做出下面效果：
去掉背景色，只看文字效果更明顯。
語法：rgba(r,g,b,a)，【r:red,g:green,b:blue,a:alpha】
前三個引數為rgb數值，取值[0~255]，最後乙個引數代表透明度，取值[0~1]。
看乙個opacity和rgba對比的例子：
----------------------------------------------opacity效果
transparent效果
可通過這裡檢視
opacity 不透明度
opacity 不透明度 初始值 1 不透明 繼承性 是 css3提出opacity屬性 div目前較老的firefox版本，我們需要使用 moz 字首，而對於舊的safari chrome版本，我們需要使用 webkit 字首。而對於更老的還在使用khtml核心而不是webkit核心的safari...
不透明度和DHTML
理查德 拉特 richard rutter 的 不帶flash漸隱 的onload影象漸隱演示了一種使用css不透明度屬性的動態更改為 建立 淡入 效果的方法。不透明度不是css 2.1規範的一部分 儘管css 3涵蓋了它 因此不同的瀏覽器具有不同的控制方式。richard的setopacity 函...
dhtml 不透明度和DHTML
dhtml 理查德 拉特 richard rutter 的 不帶flash即可淡入淡出 的onload影象演示了一種使用css不透明度屬性的動態更改為 建立 淡入 效果的方法。不透明度不是css 2.1規範的一部分 儘管css 3涵蓋了它 因此不同的瀏覽器具有不同的控制方式。richard的seto...