其中的opacity 和 rgba设置背景透明度的用法和区别
2017-04-23 12:15
295 查看
(1)区别:其中opacity会影响文字的透明度的,而rgba只是改变背景的透明度的
(2)用法:
(a)其中opacity的用法比较简单,你只需要设置它的值就可以了。其中的它的值是从0到1之间的数字。
(b)rgba(R,G,B,A) /************其中的正整数的范围是0到255之间,百分数的范围是0%到100%之间*********************/
其中的R: 红色值. 值为正整数或者是百分数
其中的G: 绿色值. 值为正整数或者是百分数
其中的B: 蓝色值. 值为正整数或者是百分数
其中的A: 透明度. 值为0到1之间的数字就可以了
比如:p{background-color:(0,0,0,05)}这里就将p的背景颜色设置为黑色半透明的了
(2)用法:
(a)其中opacity的用法比较简单,你只需要设置它的值就可以了。其中的它的值是从0到1之间的数字。
(b)rgba(R,G,B,A) /************其中的正整数的范围是0到255之间,百分数的范围是0%到100%之间*********************/
其中的R: 红色值. 值为正整数或者是百分数
其中的G: 绿色值. 值为正整数或者是百分数
其中的B: 蓝色值. 值为正整数或者是百分数
其中的A: 透明度. 值为0到1之间的数字就可以了
比如:p{background-color:(0,0,0,05)}这里就将p的背景颜色设置为黑色半透明的了
相关文章推荐
- css中使用rgba和opacity设置透明度的区别
- CSS - firefox与IE透明度(opacity)设置区别
- 设置元素透明,opacity与rgba的区别
- opacity/rgba()设置透明度问题
- firefox与IE透明度(opacity)设置区别
- CSS - firefox与IE透明度(opacity)设置区别
- 背景使用opacity设置透明度时,导致字体也出现透明
- 透明度设置:opacity与rgba
- CSS:透明度 opacity与rgba()的区别
- CSS - firefox与IE透明度(opacity)设置区别
- firefox与IE透明度(opacity)设置区别
- 背景颜色透明度- IE8兼容rgba-滤镜filter的用法
- android TextView文字透明度和背景透明度设置
- CSS设置透明度与rgba颜色模式
- Android设置背景透明度
- CSS设置div透明度-FF3.5+ 已不支持-moz-opacity
- 模式对话框Dialog背景的透明度&黑暗度设置方法
- android设置对话框背景透明度和弹出位置
- 透明度和背景透明---opacity&transparent
- 关于div设置背景颜色透明度