【opacity】有关opacity或RGBA设置颜色值及元素的透明值-RGBA-颜色值-透明值

本文所分享的知识点是【有关opacity或RGBA设置颜色值及元素的透明值】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。

有关opacity或RGBA设置颜色值及元素的透明值

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设置颜色值 浏览器支持性：

关于有关opacity或RGBA设置颜色值及元素的透明值的相关讨论如下：

　　相关问题：html css里设置div为50%透明，为div里面的img添加o...

　　答：如果要实现透明边框，子元素不透明，那么就要用这个组合：{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f000000',endColorstr='#3f000000');background-color:rgba(255, 255, 255, 0.3)}，但要注意这两个属性中的颜色... >>详细

　　相关问题：html中设置元素透明度的代码，比如背景色，在线等

　　答：html和css一起才好用~， 你说的这个需要提到CSS3支持的颜色表达RGBA 之前所有的不管是16进制颜色还是RGB都是全色没有透明通道 RGBA是RGB的升级，指Red,Green,Blue,Alpha（透明度），比如设置背景色： hahaha 给CSS加进去样式表 div.test{ paddin... >>详细

　　相关问题：CSS中有没有哪一种颜色值是透明的？

　　答：css中没有哪种颜色值是透明的，一般说透明是说标签的背景设置没有或者transparent就是透明的了。css一般这样写：background:none或background:transparent;可以试试看。 >>详细