不透明度与通过alpha通道(rgba)之间有什么区别？

Question

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

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

上面两个有什么区别？

Answer 1

不透明度设置元素及其所有子元素的不透明度值; 而RGBA仅为单个声明设置不透明度值.

这里有很好的解释.http://www.css3.info/introduction-opacity-rgba/

Answer 2

不透明度:不透明度属性设置元素的不透明度级别.(设置元素的不透明度使整个元素透明,包括其内容.)

定义不透明度:

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).alpha参数是介于0.0(完全透明)和1.0(完全不透明)之间的数字.

要将颜色的十六进制值转换为rgb:此处

更多信息:

IE9 +,Firefox 3 +,Chrome,Safari和Opera 10+支持RGBA颜色值.