CSS3 -- 透明色（rgba）

浏览数：31 / 时间：2015年06月09日

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 else */
opacity: 0.8;

　　CSS3中兼容写法：

background: rgb(0,0,0); /*The Fallback color,这里也可以使用一张图片来代替*/
background: rgba(0, 0, 0,0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; /*Filter for IE8 */    
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000); /*Filter for older IEs */

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

CSS3 -- 透明色（rgba）