文化政策CSS3--透明⾊(rgba)coincide
1、rgba 描述蒸燕窝
rgb:红r、绿g、蓝b
rgba:红r、绿g、蓝b、透明度Alpha
取值:
r、g、b值:正整数(0 ~ 255) | 百分数( 0.0% ~ 100.0%);(超出范围的数值将被截⾄其最接近的取值极限。并⾮所有浏览器都⽀持使⽤百分数值。)
a透明度值:取值0~1之间;(不可为负)
2、rgba 兼容
3、rgba ⽤法启发的近义词
rgba:制作透明⾊(透明背景⾊、透明边框⾊、透明前景⾊等),
opacity:在CSS2中制作背景⾊通常⽤到,但⽤它制作边框⾊或前景⾊的话,则存在问题。
在CSS2中 兼容 写法:
/* IE5 - 7 */
filter: alpha(opacity=80);
/* IE 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
将乐玉华洞
解剖课/* Everyone el */有你相随
opacity: 0.8;
CSS3中 兼容写法:
柿子和葡萄
background: rgb(0,0,0); /*The Fallback color,这⾥也可以使⽤⼀张图⽚来代替*/
background: rgba(0, 0, 0,0.5);
-ms-filter: "progid:adient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; /*Filter for IE8 */ filter: progid:adient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000); /*Filter for older IEs */