让ie访问器适用RGBA色调规范完成编码

2021-03-11 01:40 jianzhan

RGB颜色方式(也汉语翻译为“红绿蓝”,较为少用)是工业生产界的1种色调规范,是根据对红(R)、绿(G)、蓝(B)3个色调安全通道的转变和它们互相之间的叠加来获得各种各样的色调的,RGB就是意味着红、绿、蓝3个安全通道的色调,这个规范基本上包含了人类眼睛视力所能认知的全部色调,是现阶段应用最广的色调系统软件之1。

RGBA在RGB的基本上多了操纵alpha全透明度的主要参数。以上R、G、B3个主要参数,正整数金额值的赋值范畴为:0 – 255。百分标值的赋值范畴为:0.0% – 100.0%。超过范畴的标值将被截至其最贴近的赋值极限。并不是全部访问器都适用应用百分标值。A主要参数,赋值在0~1之间,不能为负值
RGBA英语的语法

拷贝编码
编码以下:

div {
background: rgba(0, 0, 0, 0.5);
}

访问器适配性:
种类 Internet Explorer Firefox Chrome Opera Safari 版本号 (×)IE6 (√)Firefox 3.0.10 (√)Chrome 2.0.x (√)Opera 9.64 (√)Safari 4 (×)IE7         (×)IE8         (√)IE9
RGBA和opacity的差别
opacity会使全部元素包含子元素全透明,而RGBA仅仅是元素本领全透明,子元素不全透明。
下面实际讲讲如何让IE访问器适用RGBA色调
1、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⑻*/
box-shadow: 1px 1px rgba(0,0,0,.5);/*仅在未设定模糊不清值的状况下适用rgba*/
}

2、filter
根据IE滤镜让情况色全透明,仿真模拟rgba实际效果
示例:

拷贝编码
编码以下:

.filter{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}

大家必须注意的是StartColorStr和EndColorStr的值,前两位是106进制的全透明度,后边6位是106进制的色调。
换算方式:x=alpha*255 将测算的結果x变换成106进制便可