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

   2015-11-08 0
核心提示:opacity声明来设置元素的透明值,当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设置颜色值及元素的透明值
 
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

点击排行