时间:2021-05-08
opacity声明来设置元素的透明值(改透明度的值介于0-1之间的小数, 0.5表示50%透明)。
opacity的特点是:当opacity设置元素的透明值,内部的文字及元素也会透明
复制代码代码如下:
.demo{
background-color:red;
filter:alpha(opacity=30);
opacity:0.3;
}
注:这段代码class为demo的标签元素的透明值为30%,里面的文字及元素透明值也会变成30%
RGBA也是用来设置颜色的。
R:红色值 正整数 | 百分数
G:绿色值 正整数 | 百分数
B:蓝色值 正整数 | 百分数
A:透明度 (取值0-1之间)
通过RGBA设置的颜色值只针对当前元素,内部的文字及元素的透明值并未发生变化
复制代码代码如下:
.demo{
background-color:rgba(255,0,0,0.3)
}
注:这段代码class为demo的标签元素的透明值为30%,里面的文字及元素透明值无任何变化。
RGBA设置颜色值 浏览器支持性:
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
RGBA前面的3个值是RGB颜色值,最后一个值是透明度的级别(0=透明,1=不透明)。RGBA可以应用于与颜色的任何属性,如字体颜色,边框颜色,背景颜色,阴影颜
RGBa前三个值是RGB色值,最后一个值是十进制的alpha不透明度值(0=透明,1=不透明)CSS3RGBa实现半透明背景RBGa可以用于任何更颜色相关的属性
RGBA和opacity语法:R:红色值。正整数|百分数G:绿色值。正整数|百分数B:蓝色值。正整数|百分数A:透明度。取值0~1之间CSSCode复制内容到剪
rgba和IE下filter数值的转换rgba透明值IEfilter值0.1190.2330.34C0.4660.57F0.6990.7B20.8C80.9E5
在CSS3中,增加了一个opacity属性,允许开发者设置元素的透明度,现在opacity已被主流的现代浏览器支持,但opacity会把被设置的元素及其子元素同