不透明度和通過alpha通道（rgba）有什麼區別？

div { background-color: rgb(255,0,0); opacity: 1; } 

div { background-color: rgba(255,0,0,1); }

2013-01-10 Sreehari

不透明度設置元素及其所有子元素的不透明度值; 雖然RGBA僅爲單個聲明設置不透明度值。

2013-01-10 05:43:40

當你使用alpha時，你只是爲div的特定屬性設置不透明度。所以只有背景會略微透明，如果你設置alpha值來說.5

然而，當你設置不透明度爲.5時，ENTIRE div和它裏面的所有東西都會保持略微透明，不管是什麼alpha值元素在div內。

在不透明度設置爲.5的div內，元素的最大「.5」不透明度（當其alpha值設置爲1時）。如果其alpha值設置爲.5，則透明效果會複合，實際上會是「.25」透明。不確定具體的數字。

2013-01-10 05:47:35 LazerSharks

不透明度：的不透明度屬性設置爲元素的不透明度水平（對於一個元件設置不透明度使得整個元件透明包括其內容。）

定義的不透明度：

element{opacity:0.5} //makes the element and it's content 50% transparent

不透明度級別描述透明度級別，其中1完全不是透明度，0.5是50％透視，0完全是透明。

Alpha通道 RGBA顏色值是RGB顏色值的擴展用alpha通道 - 它指定該對象的不透明度。 Background : rgba (Red,Green,Blue,Opacity)（元件的設置RGBA僅使該元素背景透明離開它的內容，因爲它是）

定義背景RGBA：背景：

element{ 
    background:rgba(40, 41, 42, 0.5); 
}

的RGBA顏色值與指定：rgba（紅色，綠色，藍色，阿爾法）。 alpha參數是0.0（完全透明）和1.0（完全不透明）之間的數字。

要轉換顏色的十六進制值，RGB：Here

進一步信息：

RGBA顏色值都在IE9 +，火狐3 +，Chrome瀏覽器，Safari瀏覽器，並支持Opera 10+。

2014-03-14 07:28:23

回答