不透明度和通过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

回答