div { background-color: rgb(255,0,0); opacity: 1; }
div { background-color: rgba(255,0,0,1); }
以上两者有什么区别?不透明度和通过alpha通道(rgba)有什么区别?
div { background-color: rgb(255,0,0); opacity: 1; }
div { background-color: rgba(255,0,0,1); }
以上两者有什么区别?不透明度和通过alpha通道(rgba)有什么区别?
不透明度设置元素及其所有子元素的不透明度值; 虽然RGBA仅为单个声明设置不透明度值。
当你使用alpha时,你只是为div的特定属性设置不透明度。所以只有背景会略微透明,如果你设置alpha值来说.5
然而,当你设置不透明度为.5时,ENTIRE div和它里面的所有东西都会保持略微透明,不管是什么alpha值元素在div内。
在不透明度设置为.5的div内,元素的最大“.5”不透明度(当其alpha值设置为1时)。如果其alpha值设置为.5,则透明效果会复合,实际上会是“.25”透明。不确定具体的数字。
不透明度:的不透明度属性设置为元素的不透明度水平(对于一个元件设置不透明度使得整个元件透明包括其内容。)
定义的不透明度:
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+。