让ie浏览器支持RGBA颜色标准实现代码 _生活百科

【让ie浏览器支持RGBA颜色标准实现代码】RGB色彩模式（也翻译为红绿蓝，比较少用）是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的， RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。

RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B三个参数，正整数值的取值范围为：0255 。百分数值的取值范围为：0.00.0% 。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数，取值在0~1之间，不可为负值
RGBA语法：

复制代码代码如下:
div {
background: rgba(0, 0, 0, 0.5);
}

浏览器兼容性：
类型Internet ExplorerFirefoxChromeOperaSafari版本()IE6()Firefox 3.0.10()Chrome 2.0.x()Opera 9.64()Safari 4()IE7()IE8()IE9
RGBA和opacity的区别
opacity会使整个元素包括子元素透明，而RGBA仅仅是元素本事透明,子元素不透明。
下面具体讲讲怎样让IE浏览器支持RGBA颜色
一、CSSPIE
CSSPIE可以让color、background、 box-shadow支持RGBA
示例：

复制代码代码如下:
div{
color:rgba(0,0,0,.5);
background:rgba(0,0,0,.5);
-pie-background:rgba(0,0,0,.5);/*IE6-8*/
box-shadow: 1px 1px rgba(0,0,0,.5);/*仅在未设置模糊值的情况下支持rgba*/
}

二、filter
通过IE滤镜让背景色透明，模拟rgba效果
示例：

复制代码代码如下:
.filter{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}

我们需要留意的是StartColorStr和EndColorStr的值，前两位是十六进制的透明度，后面六位是十六进制的颜色。
换算方法：x=alpha*255 将计算的结果x转换成十六进制即可

让ie浏览器支持RGBA颜色标准实现代码

推荐阅读

关于三分钟励志演讲稿集合7篇

哪些食物容易至癌?最容易致癌的因素有哪些?

台球简笔画台球简笔画怎么画

一加3T跑分多少一加手机3T配置性能介绍

保险绳的使用应保险绳的使用应是什么

监测对象有哪三类

如何解除储蓄卡被冻结了多久恢复

动物森友会如何建造采石场不改时间修建采石场方法介绍

iPhonexr最高支持多少w

如何去勾引男人

qq音乐宠物如何显示。

全国大学现代汉语专业学校排名

荣威rx5急救包放在哪里

汽车打蜡需要多长

广东教育考试网，广东教育考试院

牛蛙为什么被引进中国,通过什么方式引进的